/* then your own styles */
body {
    font-family: "Inter", sans-serif;
}
/* Smooth theme fade */
:root, [data-bs-theme="dark"] {
    transition:
            color 10s ease,
            background-color 10s ease,
            border-color 10s ease;
}
body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}
.btn-brand{ background:black; color:#fff; border:none; }
.btn-brand:hover{color:#fff; background: rgb(34, 30, 30)
}
.link-brand{ color:#fff; text-decoration:none; }
.link-brand:hover{ text-decoration:underline; }
.bg-black{background: #000000}
/* Navbar */
.navbar{ backdrop-filter:saturate(180%) blur(8px); }
.navbar-brand img{ height:28px; }
.btn-hover-light{color: white}
.btn-hover-light:hover{color: black; background: white}
.navbar-toggler{
    background-color:white ;
}

/* Logo rail */
.logo-rail img{ height:30px; opacity:.75; filter:grayscale(1); }
.logo-rail img:hover{ opacity:1; filter:none; }

/* Categories */
.skill-pill{
    border:1px solid #e2e8f0; border-radius:999px; padding:.5rem .75rem;
    font-size:.9rem; color:#0f172a; background:white;
}

/* Testimonial */
.quote{ font-size:1.125rem; }
.avatar{
    width:48px; height:48px; border-radius:50%; object-fit:cover;
}

/* CTA */
.cta{
    background:linear-gradient(263deg, #031b24, #000000);
    color:#fff;
}

/* Footer */
.footer a{ text-decoration:none; color:#334155; }
.footer a:hover{ color:#4f46e5; }





/* hero */
body{ font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; }

/* Full-bleed hero */
.hero-bleed{
    position:relative;
    min-height: 100vh;
    display:flex; align-items:center;
    background-image: url('/assets/img/hero.png');
    background-size: cover;
    background-position: center center;
    background-repeat:no-repeat;
    isolation:isolate;         /* keep overlay behind content */
}

/* content sizing to mirror Turing's heavy headline */
.hero-title{
    color: white;
    line-height:1.04;
    letter-spacing:-.02em;
    font-weight:600;
    font-size: clamp(2rem, 3.2vw + 1rem, 4rem);
    text-wrap: balance;
}
.hero-lead{
    color: white;
    font-size: clamp(1rem, .6vw + .9rem, 1.25rem);
    max-width: 44rem;
}

/* white rounded CTA like the screenshot */
.btn-ghost-light{
    background:#fff; color:#000; border: none;
    border-radius: 12px; padding:.85rem 1.25rem; font-weight:600;
}
.btn-ghost-light:hover{ filter: brightness(.95); color:#000; }

/* tighten container on huge screens */
@media (min-width: 1200px){
    .hero-bleed .container{ max-width: 1140px; }
}

/*-------------hero -----------------------------------*/

/* Logo Marquee */
.logo-marquee {
    overflow: hidden;
    position: relative;
}
.logo-marquee > div {
    animation: marquee 20s linear infinite;
    display: flex;
}
.logo-marquee > div:nth-child(2) {
    position: absolute;
    left: 80%; /* start immediately after track 1 */
    top: 0;
}

@keyframes marquee {
    from { transform: translateX(10%); }
    to   { transform: translateX(-100%); }
}


/*---------------------Logo Marquee------------------------*/


/*ai leaders offical partner partner*/

/* spacing helper (bigger than py-5) */
.py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; }

/* logo tiles */
.logo-card{
    background: #f2f3f5;                 /* light grey tile */
    border-radius: 16px;                  /* smooth corners */
    padding: clamp(16px, 2.2vw, 28px);    /* responsive padding */
    min-height: 120px;                    /* stable height */
    border: 1px solid rgba(0,0,0,.06);    /* subtle border */
}
.logo-card img{
    max-height: 36px;                     /* keep logos uniform */
    /*filter: grayscale(1) contrast(1.05);  !* neat, neutral look *!*/
    /*filter: invert(1) grayscale(1) contrast(1.1);*/
}

/*-----------------------------ai leaders ------------------*/



/*ai roi*/

.cta-panel{
    background: url("/assets/img/background_blur.png");
}

/* subtle drop shadow under the book */
.book-drop{
    filter: drop-shadow(0 .5rem 1rem rgba(0,0,0,.35));
}
.text-white-75{ color: rgba(255,255,255,.8) !important; }
/* make panel padding breathe more on large screens */
@media (min-width: 992px){
    .cta-panel{ padding: .25rem 0; } /* row handles inner spacing */
}


/*-------------------ai roi -----------------*/


/*header css for all page*/

.page-header {
    background: #000;
    color: #fff;
    height: 290px;
    box-sizing: border-box;
    padding-block: 100px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.page-header-content {
    width: 100%;
    text-align: center;

}
#navbar{
    position: sticky;
    top: 0;
    z-index: 99999;
}
/*-----------------------------------------*/
.styles-box{
    box-shadow: 0px 7px 13px #D1D1D1;
    border: 1px solid #eee;
    border-radius: 1rem;
    transition: all 0.4s ease;
}
.styles-box:hover{
    box-shadow: 0px 7px 13px #D1D1D1;
    transform: translateY(-5px);
}