.home .site-content{
    margin:0 !important;
    padding:0 !important;
}

.home .content-area{
    margin:0 !important;
    padding:0 !important;
}

.home .ast-container{
    max-width:none !important;
    padding:0 !important;
}
/* =========================
   RESET
========================= */

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

body{
    background:#070b14;
    color:#fff;
    font-family:Inter,sans-serif;
}

/* =========================
   WRAPPER
========================= */

.inotech-home{
    padding:24px;
    max-width:1800px;
    margin:auto;
}

/* =========================
   GRID
========================= */

.inotech-grid{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.row1{
    display:grid;
    grid-template-columns:1.15fr .85fr 1.15fr;
    gap:24px;
}

.row2{
    display:grid;
    grid-template-columns:1fr 2fr 1fr;
    gap:24px;
}

/* =========================
   CARD
========================= */

.card{
    position:relative;
    overflow:hidden;

    border-radius:32px;

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

    min-height:420px;

    isolation:isolate;

    cursor:pointer;

    transition:
    transform .55s cubic-bezier(.22,.61,.36,1),
    box-shadow .55s cubic-bezier(.22,.61,.36,1);
}

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

.card-bg{
    position:absolute;
    inset:0;

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    transition:
    transform 1.2s cubic-bezier(.22,.61,.36,1);

    z-index:-3;
}

/* =========================
   GLASS OVERLAY
========================= */

.card::before{
    content:'';

    position:absolute;
    inset:0;

    background:
    linear-gradient(
    180deg,
    rgba(0,0,0,.05) 0%,
    rgba(0,0,0,.18) 30%,
    rgba(0,0,0,.90) 100%
    );

    z-index:-2;

    transition:.55s;
}

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

.card-content{

    position:relative;

    z-index:10;

    width:100%;

    padding:32px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    transition:
    transform .55s cubic-bezier(.22,.61,.36,1);
}

/* =========================
   ICON
========================= */

.card-icon{

    width:72px;
    height:72px;

    border-radius:20px;

    background:
    rgba(255,255,255,.12);

    backdrop-filter:blur(16px);

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

    margin-bottom:22px;

    transition:
    transform .55s cubic-bezier(.22,.61,.36,1);

}

.card-icon img{
    width:34px;
    height:34px;
    object-fit:contain;
}

/* =========================
   TYPOGRAPHY
========================= */

.card h1{

    font-size:
    clamp(42px,5vw,88px);

    line-height:1;

    margin-bottom:14px;
}

.card h2{

    font-size:
    clamp(28px,3vw,54px);

    line-height:1.1;

    margin-bottom:14px;
}

.card h3{

    font-size:
    clamp(24px,2vw,34px);

    line-height:1.1;

    margin-bottom:14px;

    transition:
    transform .55s cubic-bezier(.22,.61,.36,1);
}

/* =========================
   WHITE BADGE
========================= */

.card-badge{

    display:inline-flex;

    align-items:center;

    min-height:44px;

    padding:12px 18px;

    border-radius:999px;

    background:#fff;

    color:#111;

    font-size:14px;

    font-weight:700;

    transition:
    transform .55s cubic-bezier(.22,.61,.36,1);
}

/* =========================
   CARD SIZES
========================= */

.vertical{
    min-height:680px;
}

.square{
    min-height:520px;
}

.horizontal{
    min-height:520px;
}

/* =========================
   HOVER
========================= */

.card:hover{

    transform:
    translateY(-10px);

    box-shadow:
    0 40px 100px rgba(0,0,0,.35);

}

.card:hover .card-bg{

    transform:
    scale(1.12);

}

.card:hover::before{

    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.03),
    rgba(0,0,0,.95)
    );

}

.card:hover .card-content{

    transform:
    translateY(-24px);

}

.card:hover .card-icon{

    transform:
    translateY(-8px);

}

.card:hover h3,
.card:hover h2,
.card:hover h1{

    transform:
    translateY(-8px);

}

.card:hover .card-badge{

    transform:
    translateY(-8px);

}

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

.hero-logo img{

    transition:
    filter .7s ease,
    transform .7s ease;

    filter:
    brightness(0)
    invert(1);

}

.hero-card:hover .hero-logo img{

    filter:none;

    transform:
    scale(1.05);

}

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

@media(max-width:1024px){

    .row1,
    .row2{

        grid-template-columns:
        1fr 1fr;

    }

    .vertical,
    .square,
    .horizontal{

        min-height:480px;

    }

}

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

@media(max-width:767px){

    .inotech-home{
        padding:16px;
    }

    .row1,
    .row2{

        grid-template-columns:
        1fr;

    }

    .card{

        min-height:360px;

    }

    .card-content{

        padding:24px;

    }

}

/* =========================
   LARGE MONITOR
========================= */

@media(min-width:1920px){

    .card-content{
        padding:48px;
    }

}
.home header{
    display:none !important;
}

.home footer{
    display:none !important;
}