*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Inter,sans-serif;
    background:#f8fafc;
}

/* =========================================
   HERO
========================================= */

.enterprise-hero{

    position:relative;
    min-height:100vh;
    overflow:hidden;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:80px 30px;

    background:
        radial-gradient(circle at top left,
        #ffffff 0%,
        #edf6ff 24%,
        #dbeafe 48%,
        #eef2ff 72%,
        #f8fafc 100%);
}

/* =========================================
   BACKGROUND
========================================= */

.hero-background{
    position:absolute;
    inset:0;
    overflow:hidden;
}

/* AURORA */

.aurora{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
    opacity:.92;
}

.aurora-1{
    width:700px;
    height:700px;

    left:-180px;
    top:-220px;

    background:
        radial-gradient(circle,
        rgba(255,255,255,.98),
        rgba(219,234,254,.85));
}

.aurora-2{
    width:620px;
    height:620px;

    right:-160px;
    top:80px;

    background:
        radial-gradient(circle,
        rgba(191,219,254,.9),
        rgba(219,234,254,.55));
}

.aurora-3{
    width:580px;
    height:580px;

    bottom:-180px;
    left:40%;

    background:
        radial-gradient(circle,
        rgba(255,255,255,.92),
        rgba(238,242,255,.55));
}

.aurora-4{

    width:760px;
    height:760px;

    right:20%;
    bottom:-320px;

    filter:blur(140px);

    background:
        radial-gradient(circle,
        rgba(191,219,254,.45),
        transparent 70%);
}

/* GRID */

.nano-grid{
    position:absolute;
    inset:0;

    background:
        linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);

    background-size:42px 42px;

    mask-image:
        radial-gradient(circle at center,
        black 20%,
        transparent 85%);
}

/* GEOMETRY */

.geo{
    position:absolute;
    border:1px solid rgba(255,255,255,.6);
    backdrop-filter:blur(10px);
}

.geo-1{
    width:140px;
    height:140px;

    border-radius:32px;

    top:12%;
    left:8%;

    transform:rotate(18deg);
}

.geo-2{
    width:200px;
    height:200px;

    border-radius:50%;

    right:10%;
    top:18%;
}

.geo-3{
    width:120px;
    height:120px;

    bottom:12%;
    left:18%;

    clip-path:polygon(
        50% 0%,
        100% 50%,
        50% 100%,
        0% 50%
    );
}

/* =========================================
   FLOATING ICONS
========================================= */

.floating-icons{
    position:absolute;
    inset:0;
}

.sci-icon{

    position:absolute;

    width:44px;
    height:44px;

    border-radius:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.88),
            rgba(255,255,255,.45)
        );

    border:1px solid rgba(255,255,255,.95);

    backdrop-filter:blur(14px);

    box-shadow:
        0 14px 40px rgba(15,23,42,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.sci-icon svg{

    width:18px;
    height:18px;

    stroke:#0f172a;
    stroke-width:1.7;

    fill:none;

    opacity:.82;
}

.icon-1{
    top:18%;
    left:16%;
}

.icon-2{
    top:22%;
    right:16%;
}

.icon-3{
    bottom:18%;
    left:12%;
}

.icon-4{
    bottom:22%;
    right:14%;
}

/* =========================================
   MOUNTAIN GRAPH SYSTEM
========================================= */

.knowledge-network{

    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    opacity:.72;
}

/* RIDGES */

.network-major path{

    fill:none;

    stroke:
        rgba(255,255,255,.40);

    stroke-width:2.4;

    stroke-linejoin:round;
}

/* GRAPH LINES */
/* 20% STRONGER */

.network-lines line{

    stroke:
        rgba(148,163,184,.42);

    stroke-width:1.5;
}

/* NODES */

.network-dots circle{

    fill:
        rgba(255,255,255,.98);

    stroke:
        rgba(255,255,255,.95);

    stroke-width:1.6;

    opacity:.88;
}

/* =========================================
   CONTENT
========================================= */

.hero-content{
    position:relative;
    z-index:10;

    max-width:1100px;

    text-align:center;
}

/* BADGE */

.hero-badge{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    padding:5px 15px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.72),
            rgba(255,255,255,.42)
        );

    border:1px solid rgba(255,255,255,.9);

    backdrop-filter:blur(18px);

    color:#334155;

    font-size:.62rem;
    font-weight:700;

    letter-spacing:.18em;
    text-transform:uppercase;

    box-shadow:
        0 20px 50px rgba(15,23,42,.07),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.badge-icon{

    width:34px;
    height:34px;

    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(255,255,255,.45)
        );

    box-shadow:
        0 8px 24px rgba(15,23,42,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.badge-icon svg{

    width:18px;
    height:18px;

    fill:#0f172a;

    opacity:.92;
}

/* TITLE */

.hero-content h1{

    margin-top:24px;

    color:#0f172a;

    font-size:clamp(2.1rem,4.2vw,4.2rem);

    line-height:.98;

    letter-spacing:-0.055em;

    font-weight:800;

    max-width:820px;
}

/* DIVIDER */

.hero-divider{
    width:160px;
    height:40px;

    margin:20px auto 0;

    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-divider span{
    width:100%;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(148,163,184,.95),
            transparent
        );
}

/* DESCRIPTION */

.hero-content p{

    margin:20px auto 0;

    max-width:720px;

    color:#475569;

    font-size:.96rem;

    line-height:1.8;
}





/* =========================================
   BUTTON SYSTEM — SHARED BASE STYLES
========================================= */

.hero-actions,
.hero-sub-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.primary-btn,
.secondary-btn,
.voice-agent-btn,
.premium-btn {
    height: 42px;
    padding: 0 26px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: .92rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform .35s ease, box-shadow .35s ease;
}



/* =========================================
   VIDEO & VOICE CONTROLS — TOP ROW
========================================= */

.hero-actions {
    margin-top: 40px; /* more breathing room */
    gap: 22px;        /* more space between buttons */
}

/* Primary button */
.primary-btn {
    background: linear-gradient(180deg, #111827, #0f172a);
    color: white;
    box-shadow: 0 14px 35px rgba(15,23,42,.18),
                inset 0 1px 0 rgba(255,255,255,.08);
}

.primary-btn svg {
    width: 14px;
    height: 14px;
    fill: white;
}

.primary-btn:hover {
    transform: translateY(-3px);
}

/* Voice agent button */
.voice-agent-btn {
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.54));
    border: 1px solid rgba(255,255,255,.95);
    box-shadow: 0 12px 30px rgba(15,23,42,.06),
                inset 0 1px 0 rgba(255,255,255,.96);
}




/* =========================================
   PLATFORM NAVIGATION — BOTTOM ROW
========================================= */

.hero-sub-actions {
    margin-top: 50px; /* more distance from top row */
    gap: 28px;        /* more space between buttons */
}

/* Premium button base */
.premium-btn {
    background: rgba(255,255,255,0.55);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.85);
    box-shadow: 0 12px 32px rgba(15,23,42,0.08),
                inset 0 1px 0 rgba(255,255,255,0.95);
}

/* Premium transparent icons */
.premium-icon {
    width: 28px;
    height: 28px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.35);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.75);
    box-shadow: 0 6px 18px rgba(15,23,42,0.06),
                inset 0 1px 0 rgba(255,255,255,0.9);
}

.premium-icon svg {
    width: 16px;
    height: 16px;
    stroke: #0f172a;
    stroke-width: 1.6;
    fill: none;
    opacity: 0.85;
}

/* Distinct accents */
.secondary-enterprise {
    border-color: #dbeafe;
    box-shadow: 0 10px 28px rgba(191,219,254,.25);
}

.secondary-ai {
    border-color: #c7d2fe;
    box-shadow: 0 10px 28px rgba(199,210,254,.25);
}

.secondary-apis {
    border-color: #bae6fd;
    box-shadow: 0 10px 28px rgba(186,230,253,.25);
}

/* Hover lift */
.hero-sub-actions .premium-btn:hover {
    transform: translateY(-5px);
}






/* =========================================
   AI VOICE BUTTON
========================================= */

.voice-agent-btn{

    border:none;
    cursor:pointer;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.92),
            rgba(255,255,255,.54)
        );

    border:1px solid rgba(255,255,255,.95);

    box-shadow:
        0 12px 30px rgba(15,23,42,.06),
        inset 0 1px 0 rgba(255,255,255,.96);
}

/* FACE */

.voice-face{

    width:20px;
    height:20px;

    border-radius:50%;

    position:relative;

    border:
        1.5px solid rgba(15,23,42,.78);

    display:flex;
    align-items:center;
    justify-content:center;
}

/* MOUTH */

.voice-mouth{

    width:8px;
    height:3px;

    border-radius:999px;

    background:#0f172a;
}

/* STATIC WAVE */

.voice-bars{

    height:18px;

    display:flex;
    align-items:flex-end;

    gap:3px;
}

.voice-bars span{

    width:3px;

    border-radius:999px;

    background:
        linear-gradient(
            to top,
            #0f172a,
            rgba(148,163,184,.55)
        );

    transition:
        height .25s ease,
        opacity .25s ease;

    opacity:.82;
}

/* STATIC STATE */

.voice-bars span:nth-child(1){ height:6px; }
.voice-bars span:nth-child(2){ height:10px; }
.voice-bars span:nth-child(3){ height:14px; }
.voice-bars span:nth-child(4){ height:10px; }
.voice-bars span:nth-child(5){ height:6px; }

/* HOVER ACTIVE */

.voice-agent-btn:hover .voice-bars span{

    animation:voiceBars .9s ease-in-out infinite;
}

.voice-agent-btn:hover .voice-mouth{

    width:10px;
    height:5px;

    border-radius:999px;
}

/* ANIMATION */

@keyframes voiceBars{

    0%{
        transform:scaleY(.55);
        opacity:.5;
    }

    50%{
        transform:scaleY(1.25);
        opacity:1;
    }

    100%{
        transform:scaleY(.7);
        opacity:.7;
    }

}

/* =========================================
   RINGS
========================================= */

.ring{
    position:absolute;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.5);

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    pointer-events:none;
}

.ring-1{
    width:620px;
    height:620px;
}

.ring-2{
    width:860px;
    height:860px;

    border-color:rgba(255,255,255,.28);
}

.ring-3{
    width:1100px;
    height:1100px;

    border-color:rgba(255,255,255,.14);
}

























/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){


    .enterprise-hero {
        display:flex;
        align-items:center;
        justify-content:center;
    }


    .hero-content h1{
        font-size:2.6rem;
    }

    .hero-content p{
        font-size:.95rem;
    }

    .hero-actions{
        flex-direction:column;
        width:100%;
    }

    .primary-btn,
    .secondary-btn,
    .voice-agent-btn{
        width:100%;
    }

    .ring-2,
    .ring-3{
        display:none;
    }

    .floating-icons{
        display:none;
    }

}



@media(max-width:768px){
    .hero-headline {
        margin:0 auto 28px !important;
        text-align:center !important;
        max-width:100% !important;
    }
}










































































/* ========================================================= */
/* SAVALAN AI VISUAL ENGINE                                  */
/* ENTERPRISE LIGHT INTELLIGENCE GRAPH                       */
/* ========================================================= */


/* ========================================================= */
/* RIGHT VISUAL AREA                                         */
/* ========================================================= */


.ai-visual {

    position:relative;

    min-height:560px;

    display:flex;

    align-items:center;

    justify-content:center;

}




/* ========================================================= */
/* AI CORE CONTAINER                                         */
/* ========================================================= */


.ai-core {

    position:relative;

    width:460px;

    height:460px;

    display:flex;

    align-items:center;

    justify-content:center;


}




/* ========================================================= */
/* CENTRAL INTELLIGENCE NODE                                 */
/* ========================================================= */


.core-center {


    position:absolute;


    width:150px;

    height:150px;


    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:50%;


    background:

        linear-gradient(
            145deg,
            #ffffff,
            #e9edf2
        );


    border:

        1px solid rgba(0,0,0,.08);



    box-shadow:


        0 30px 70px rgba(50,60,70,.18),


        inset 0 0 30px rgba(255,255,255,.9);



    color:#20242a;


    font-size:18px;


    font-weight:800;


    letter-spacing:1px;


    z-index:5;


}





/* ========================================================= */
/* INTELLIGENCE RINGS                                        */
/* ========================================================= */


.core-ring {


    position:absolute;


    border-radius:50%;


    border:

        1px solid rgba(100,110,120,.18);


}



.ring-one {


    width:220px;

    height:220px;


    animation:

        aiRotate 22s linear infinite;


}



.ring-two {


    width:360px;

    height:360px;


    border-style:dashed;


    opacity:.7;


    animation:

        aiRotateReverse 35s linear infinite;


}



.ring-two::before {


    content:"";


    position:absolute;


    inset:25px;


    border-radius:50%;


    border:

        1px solid rgba(120,130,140,.12);


}





@keyframes aiRotate {


    from {

        transform:rotate(0deg);

    }


    to {

        transform:rotate(360deg);

    }


}



@keyframes aiRotateReverse {


    from {

        transform:rotate(360deg);

    }


    to {

        transform:rotate(0deg);

    }


}





/* ========================================================= */
/* CONNECTION LINES                                          */
/* ========================================================= */


.ai-core::before {


    content:"";


    position:absolute;


    width:100%;

    height:100%;


    background:


    linear-gradient(
        90deg,
        transparent 49.7%,
        rgba(100,110,120,.12) 50%,
        transparent 50.3%
    ),


    linear-gradient(
        0deg,
        transparent 49.7%,
        rgba(100,110,120,.12) 50%,
        transparent 50.3%
    );


    border-radius:50%;


}





/* ========================================================= */
/* AI SYSTEM NODES                                           */
/* ========================================================= */


.ai-node {


    position:absolute;


    min-width:120px;


    padding:

        14px 22px;


    display:flex;

    align-items:center;

    justify-content:center;



    background:

        rgba(255,255,255,.85);



    border:

        1px solid rgba(0,0,0,.08);



    border-radius:

        14px;



    box-shadow:


        0 15px 40px rgba(80,90,100,.12);



    backdrop-filter:

        blur(15px);



    font-size:

        14px;



    font-weight:

        700;



    color:

        #343a42;



    animation:

        nodeFloat 6s ease-in-out infinite;


}





.node-one {


    top:20px;


    left:50%;


    transform:

        translateX(-50%);


}



.node-two {


    right:-20px;


    top:50%;


    transform:

        translateY(-50%);


}



.node-three {


    bottom:25px;


    left:50%;


    transform:

        translateX(-50%);


}



.node-four {


    left:-20px;


    top:50%;


    transform:

        translateY(-50%);


}




@keyframes nodeFloat {


    0%,
    100% {


        margin-top:0;


    }



    50% {


        margin-top:-12px;


    }


}





/* ========================================================= */
/* DATA SIGNAL POINTS                                        */
/* ========================================================= */


.ai-core::after {


    content:"";


    position:absolute;


    width:12px;

    height:12px;


    border-radius:50%;


    background:#8b95a3;


    top:50%;

    left:50%;


    transform:

        translate(-50%,-50%);



    box-shadow:


        0 -200px 0 #c1c8d0,

        200px 0 0 #c1c8d0,

        0 200px 0 #c1c8d0,

        -200px 0 0 #c1c8d0;


}




/* ========================================================= */
/* SAVALAN AI VISUAL ENGINE                                  */
/* PART 2 — DATA FABRIC + INTELLIGENCE CONNECTIONS           */
/* ========================================================= */



/* ========================================================= */
/* BACKGROUND INTELLIGENCE GRID                              */
/* ========================================================= */


.ai-background {


    position:absolute;

    inset:0;

    pointer-events:none;


}



.ai-grid {


    position:absolute;

    inset:0;



    background-image:


        linear-gradient(
            rgba(80,90,100,.06) 1px,
            transparent 1px
        ),


        linear-gradient(
            90deg,
            rgba(80,90,100,.06) 1px,
            transparent 1px
        );



    background-size:

        52px 52px;



    mask-image:

        radial-gradient(
            ellipse at center,
            black 20%,
            transparent 75%
        );


    opacity:.6;


}





/* ========================================================= */
/* AI NETWORK STRUCTURE                                      */
/* ========================================================= */


.ai-network {


    position:absolute;


    inset:0;


}



.ai-network span {


    position:absolute;


    display:block;


    width:8px;

    height:8px;


    border-radius:50%;


    background:

        #b5bec8;



    box-shadow:


        0 0 20px rgba(120,130,140,.45);



    animation:

        signalPulse 5s infinite ease-in-out;


}




.ai-network span:nth-child(1){


    top:28%;

    left:22%;


}



.ai-network span:nth-child(2){


    top:62%;

    left:35%;


}



.ai-network span:nth-child(3){


    top:35%;

    right:28%;


}



.ai-network span:nth-child(4){


    bottom:25%;

    right:38%;


}



.ai-network span::after {


    content:"";


    position:absolute;


    width:180px;

    height:1px;


    background:


        linear-gradient(
            90deg,
            rgba(150,160,170,.35),
            transparent
        );


    top:50%;

    left:100%;


}




@keyframes signalPulse {


    0%,
    100% {


        opacity:.35;

        transform:scale(1);


    }


    50% {


        opacity:1;

        transform:scale(2);


    }


}







/* ========================================================= */
/* INTELLIGENCE DATA STREAMS                                 */
/* ========================================================= */


.ai-core .data-stream {


    position:absolute;


    width:1px;


    height:140px;


    background:


        linear-gradient(
            transparent,
            rgba(120,130,140,.5),
            transparent
        );


}



.ai-core .stream-one {


    left:50%;

    top:-100px;


}



.ai-core .stream-two {


    right:-100px;

    top:50%;


    transform:

        rotate(90deg);


}



.ai-core .stream-three {


    left:50%;

    bottom:-100px;


}




/* ========================================================= */
/* ENTERPRISE STATUS INDICATORS                              */
/* ========================================================= */


.ai-status {


    position:absolute;


    bottom:30px;


    left:50%;


    transform:

        translateX(-50%);



    display:flex;


    align-items:center;


    gap:14px;


    padding:

        12px 22px;



    border:

        1px solid rgba(0,0,0,.08);



    border-radius:

        50px;



    background:

        rgba(255,255,255,.75);



    backdrop-filter:

        blur(15px);



    font-size:

        13px;



    font-weight:

        700;



    color:

        #68717c;


}



.ai-status::before {


    content:"";


    width:8px;

    height:8px;


    border-radius:50%;


    background:#9ca7b3;



    animation:

        statusBlink 2s infinite;


}




@keyframes statusBlink {


    0%,
    100% {

        opacity:.4;

    }


    50% {

        opacity:1;

    }


}







/* ========================================================= */
/* CAPABILITY INTELLIGENCE STRIP                             */
/* ========================================================= */



.ai-capabilities {


    display:flex;


    gap:20px;


    margin-top:65px;


    padding-top:35px;


    border-top:

        1px solid rgba(0,0,0,.08);


}




.ai-capabilities div {


    flex:1;


    padding:

        20px;


    background:

        rgba(255,255,255,.55);


    border:

        1px solid rgba(0,0,0,.06);



    border-radius:

        18px;



    display:flex;


    flex-direction:column;


    gap:8px;


}



.ai-capabilities strong {


    font-size:

        18px;



    font-weight:

        800;



    color:

        #161a20;


}



.ai-capabilities div {


    color:

        #69727d;


    font-size:

        14px;


}






/* ========================================================= */
/* ENTERPRISE PRECISION EFFECT                               */
/* ========================================================= */



.ai-core:hover .core-ring {


    border-color:

        rgba(90,100,110,.3);


}



.ai-core:hover .core-center {


    transform:

        scale(1.04);


    transition:

        transform .4s ease;


}




/* ========================================================= */
/* SAVALAN AI PLATFORM                                       */
/* PART 3 — RESPONSIVE + ENTERPRISE FINAL POLISH             */
/* ========================================================= */


/* ========================================================= */
/* LARGE TABLET / SMALL DESKTOP                              */
/* ========================================================= */


@media (max-width:1200px){


    .ai-container {


        grid-template-columns:

            1fr;



        gap:

            70px;


    }



    .ai-content {


        text-align:center;


        display:flex;


        flex-direction:column;


        align-items:center;


    }



    .ai-content p {


        max-width:

            720px;


    }



    .ai-actions {


        justify-content:center;


    }



    .ai-visual {


        min-height:

            520px;


    }



    .ai-capabilities {


        width:

            100%;


    }



}




/* ========================================================= */
/* TABLET                                                     */
/* ========================================================= */


@media (max-width:900px){



    .savalan-ai-hero {


        padding:

            100px 0;


    }




    .ai-container {


        width:

            90%;


    }





    .ai-content h1 {


        font-size:

            56px;


        letter-spacing:

            -2px;


    }





    .ai-content p {


        font-size:

            18px;


    }





    .ai-core {


        width:

            380px;


        height:

            380px;


    }





    .ring-two {


        width:

            300px;


        height:

            300px;


    }





    .core-center {


        width:

            125px;


        height:

            125px;


    }




    .ai-capabilities {


        flex-direction:

            column;


    }



}






/* ========================================================= */
/* MOBILE                                                     */
/* ========================================================= */


@media (max-width:600px){



    .savalan-ai-hero {


        padding:

            80px 0;


    }




    .ai-label {


        font-size:

            10px;


        letter-spacing:

            1px;


    }





    .ai-content h1 {


        font-size:

            42px;


        line-height:

            1.08;


    }





    .ai-content p {


        font-size:

            16px;


        line-height:

            1.65;


    }





    .ai-actions {


        flex-direction:

            column;


        width:

            100%;


    }




    .ai-actions a {


        width:

            100%;


    }






    .ai-visual {


        min-height:

            360px;


    }




    .ai-core {


        width:

            280px;


        height:

            280px;


    }





    .ring-one {


        width:

            150px;


        height:

            150px;


    }





    .ring-two {


        width:

            230px;


        height:

            230px;


    }





    .core-center {


        width:

            90px;


        height:

            90px;


        font-size:

            13px;


    }





    .ai-node {


        min-width:

            90px;


        padding:

            9px 12px;


        font-size:

            11px;


    }




    .node-two {


        right:

            -35px;


    }




    .node-four {


        left:

            -35px;


    }





    .node-one,


    .node-three {


        display:none;


    }





}







/* ========================================================= */
/* PERFORMANCE OPTIMIZATION                                 */
/* ========================================================= */


.ai-core,

.core-ring,

.ai-node,

.ai-network span {


    will-change:

        transform;


}





/* ========================================================= */
/* ENTERPRISE MICRO INTERACTIONS                             */
/* ========================================================= */



.ai-actions a {


    transition:


        transform .25s ease,

        box-shadow .25s ease,

        border-color .25s ease;


}




.ai-actions a:hover {


    transform:

        translateY(-3px);


}





/* ========================================================= */
/* REDUCED MOTION SUPPORT                                    */
/* ========================================================= */


@media (prefers-reduced-motion:reduce){



    *,

    *::before,

    *::after {


        animation-duration:

            0.01ms !important;


        animation-iteration-count:

            1 !important;


        transition-duration:

            0.01ms !important;


    }


}





/* ========================================================= */
/* FINAL ENTERPRISE FINISH                                   */
/* ========================================================= */



.savalan-ai-hero::after {


    content:"";


    position:absolute;


    left:0;

    right:0;

    bottom:0;


    height:1px;


    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(100,110,120,.25),

            transparent

        );


}