.dataiku-banner .anthropic-banner-logos {
    width: 70%;
}
.dataiku-banner h1{
    text-align: left;
    margin: 0;
}
.dataiku-banner .datadog-banner-wp .datadog-head {
    margin-left: 3rem;
}
 .dataiku-banner p{
    text-align: left;
    max-width: unset;
}
.dataiku-banner .partner2-hero-cta .btn{
    width: 66%;
    color: #004AC6;
    border: 1px solid #C3C6D7
}
.dataiku-banner .partner2-hero-cta .btn:hover{
    color: #fff;
}
.dataiku-banner{
    background-color: #DAE2FD;
}
.dataiku-stats-container{
    padding: 20px 2rem;
}
.dataiku-stats-container .stat-number{
    color: #004AC6;
    -webkit-text-fill-color: unset
}
.dataiku-stats-container .stat-item{
    position: relative;
}
.dataiku-stats-container .stat-item::after{
    content: "";
    position: absolute;
    right: -12px;
    background: #ccc;
    width: 1px;
    height: 100px;
    top: 8px;
}
.dataiku-stats-container .stat-item:nth-child(4)::after{
    content: unset;
}
.dataiku-core-focus{
    background-color: #F2F3FF;
}
.dataiku-core-focus .core-focus-head h2{
    color: #004AC6;
}
.dataiku-core-focus .core-focus-head h2::after{
    content: unset;
}
.dataiku-core-focus .core-focus-head p {
    margin: 0rem auto;
    font-weight: 600;
    color: #434655;
}
.dataiku-core-focus .dbt-area-cards {
margin-top: 2rem;
}
.dataiku-core-focus .focus-area-card-wrap:not(.expanded) {
    max-width: calc(33% - 0px);
}
.dataiku-core-focus .focus-area-card-wrap{
    background-color: #fff;
}
.dataiku-core-focus .focus-area-card-wrap .dbt-card{
    background-color: #fff;
}
.dataiku-core-focus ul li{
    font-size: 14px;
    position: relative;
}
.dataiku-core-focus ul li::before{
    content: url("/images/dataiku/dataiku-focus-tick.png");
    position: absolute;
    left:-19px;
    top:5px;
    
}
.dataiku-core-focus ul{
    list-style: none;
}
.dataiku-core-focus ul li{
    color: #004AC6;
    font-weight: 600;
}
.dataiku-offerings{
    background-color: #FAF8FF;
}
.offering-label{
    color: #004AC6;
    border: 1px solid #004AC61A;
    background-color: #EAEDFF;
    padding: 0 5px;
    font-weight: 600;
    width: 29%;
}
.offering-wp{
    display: flex;
}
.offering-card{
    width: 50%;
}
.offering-card:nth-child(1){
    margin-right: 4rem;
}
.offering-details h2{
    font-size: 200%;
    margin-top: 2rem;
    color: #131B2E;
    font-weight: 600;
}
.offering-options .options{
    padding:20px;
    background:#fff;
    margin-top:20px;
    border-radius:8px;
    cursor:pointer;
    transition:all .3s ease;
    border:1px solid transparent;
}

.offering-options .options.active{
    background:#EAEDFF;
    border-left: 4px solid #004AC6;
}

.option-img img{
    width:100%;
    transition:opacity .3s ease;
}
.offering-options .options h3{
    color: #131B2E;
    font-weight: 600;
    font-size: 120%;
}
.offering-options .options.active h3{
    color: #004AC6;
}
.dataiku-pn-wp{
    background-color: #004AC6;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 32px;
}
.dataiku-pn-label{
    color: #fff;
    background-color: #00174B;
    width: 28%;
    padding: 2px 5px 2px 30px;
    position: relative;
    border-radius: 4px;
}
.dataiku-pn-details h2{
    color: #fff;
    font-size: 200%;
    margin-top: 15px;
}
.dataiku-pn-details p{
    color: #fff;
}
.dataiku-cta{
    width: 100%;
}
.dataiku-cta a{
    background-color: #DBE1FF;
    color: #00174B;
    width: 61%;
}
.dataiku-cta a:hover{
    color: #00174B;
}
.dataiku-pn-details{
    width: 90%;
}
.dataiku-pn-label::before{
    content: url("/images/dataiku/direct-integration.png");
    position: absolute;
    top: 5%;
    left: 10px;
    padding-right:5px;
}
.dataiku-faq .azure-faq{
    background: unset;
}
.dataiku-partner .industry-leader{
    font-size: 12px;
    color: #434655;
}
.final-cta {
    background: linear-gradient(135deg, #1750d1 0%, #1a5ce0 50%, #1e6ef0 100%);
    text-align: center;
}
 
.final-cta .container {
    max-width: 900px;
    margin: 0 auto;
}
 
.final-cta .cta-heading {
    color: #ffffff;
    font-size: 200%;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 24px;
    letter-spacing: -0.5px;
}
 
.final-cta .cta-subtext {
    color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    line-height: 1.6;
    max-width: 840px;
    margin: 0 auto 36px;
    text-align: center;
}
 
.final-cta .cta-button {
    display: inline-block;
    background: #ffffff;
    color: #1750d1;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    padding: 18px 48px;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
 
.final-cta .cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
}
.lc-card{width:100%;max-width:800px;background:#141d42;border-radius:24px;padding:32px 20px;position:relative;font-family:var(--font-sans);}
.lc-row{display:flex;gap:0px;align-items:flex-start;}
.lc-graphic{width:37%;height:380px;position:relative;flex-shrink:0;margin-top:10px;}
.lc-stack,.lc-pins{position:absolute;left:0;top:0;height:100%;}
.lc-content{flex:1;min-width:0;}
.lc-text{flex:1;min-width:0;}
.lc-label{font-size:12px;font-weight:500;letter-spacing:1.5px;color:#7d8ad4;margin-bottom:14px;}
.lc-title{font-size:22px;font-weight:500;color:#fff;margin:0 0 12px;line-height:1.3;}
.lc-desc{font-size:14px;line-height:1.7;color:#fff;margin:0 0 20px;min-height:75px;}
.lc-divider{height:1px;background:rgba(255,255,255,0.12);margin:22px 0 16px;}
.lc-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.lc-navitem{font-size:13px;color:#fff;cursor:pointer;padding:2px 0;}
.lc-navitem.active{color:#5b8ff9;font-weight:500;}
/*.lc-diamond{position:absolute;left:0px;width:100px;height:100px;border-radius:16px;background:rgba(255,255,255,0.06);transform:rotate(45deg);transition:background .5s, box-shadow .5s;}*/

.lc-diamond {
  position: absolute;
  left: 0px;
  width: 100px;
  height: 100px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.06) 50%, rgba(0, 0, 0, 0.1) 100%);
  transform: rotate(45deg);
  transition: background .5s, box-shadow .5s;
  box-shadow: 
    inset 2px 2px 8px rgba(255, 255, 255, 0.2),
    inset -2px -2px 8px rgba(0, 0, 0, 0.3),
    0 8px 16px rgba(0, 0, 0, 0.2);
}

.lc-diamond:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(0, 0, 0, 0.15) 100%);
  box-shadow: 
    inset 2px 2px 8px rgba(255, 255, 255, 0.3),
    inset -2px -2px 8px rgba(0, 0, 0, 0.4),
    0 12px 24px rgba(0, 0, 0, 0.3);
}
/*.lc-diamond-svg rect {*/
/*  vector-effect: non-scaling-stroke;*/
/*  fill: rgba(255, 255, 255, 0.06);*/
/*  stroke: rgba(255, 255, 255, 0.1);*/
/*  stroke-width: 1;*/
/*  transition: fill .5s, filter .5s;*/
/*  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2));*/
/*}*/

/*.lc-diamond-svg:hover rect {*/
/*  fill: rgba(255, 255, 255, 0.12);*/
/*  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.3));*/
/*}*/
.lc-diamond.active{background:#f2f4ff;box-shadow:0 0 50px 16px rgba(120,150,255,0.45);}
.lc-pinline{position:absolute;left:120px;height:2px;width:24px;background:rgba(255,255,255,0.18);transition:all .5s;}
.lc-pinline.active{width:46px;background:#6f93ff;box-shadow:0 0 8px 1px rgba(111,147,255,0.7);}
.lc-pindot{position:absolute;left:140px;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.25);transition:all .5s;}
.lc-pindot.active{left:161px;width:10px;height:10px;background:#fff;box-shadow:0 0 10px 3px rgba(111,147,255,0.9);}
.final-cta .cta-button::before {
    content: unset;
}

@media screen and (min-width: 2500px){
    body {
        max-width: 2500px;
    }
}

/* =========================================================
   DATAIKU PARTNER PAGE — RESPONSIVE OVERRIDES
   Add this AFTER the existing desktop CSS.
   Breakpoints match the ones already declared in your file.
   ========================================================= */

/* =========================================================
   1600px – 1999px  (large devices)
   Desktop layout mostly holds — just rein in max widths
   so the hero/carousel don't stretch too wide on big screens.
   ========================================================= */
   
@media (min-width: 2000px) and (max-width: 2499px) {  
   .lc-desc {
        font-size: 18px;
   }
   .azure-faq .hero p{
       font-size: 18px;
   }
   .final-cta .cta-subtext{
       font-size: 18px;
   }
   .dataiku-partner .industry-leader {
        font-size: 20px;
   }
   .dataiku-pn-label::before {
       top: 2%;
   }
}
@media (min-width: 1600px) and (max-width: 1999px) {
    .dataiku-banner .container,
    .dataiku-core-focus .container,
    .dataiku-offerings .container {
        max-width: 1400px;
    }
    .lc-navitem {
        font-size: 14px;
    }
    .lc-desc{
        font-size: 18px;
    }
    .lc-navitem{
        font-size: 15px;
    }
    .lc-label {
        font-size: 14px;
    }
    .dataiku-banner .partner2-hero-cta .btn {
        font-size: 14px;
    }
    .dataiku-core-focus ul li{
        font-size: 16px;
    }

}


/* =========================================================
   992px – 1200px  (ipad-pro / small laptop)
   3-col focus cards get tight — reduce gaps & padding.
   Offering columns keep side-by-side but shrink margins.
   ========================================================= */
@media (min-width: 992px) and (max-width: 1200px) {
    .dataiku-banner .datadog-banner-wp .datadog-head {
        margin-left: 2rem;
    }
    .dataiku-core-focus .focus-area-card-wrap:not(.expanded) {
        max-width: calc(33.33% - 16px);
    }
    .dataiku-core-focus .dbt-area-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: space-between;
    }

    .offering-card:nth-child(1) {
        margin-right: 2rem;
    }
    .offering-details h2 {
        font-size: 170%;
    }

    /*.lc-card {*/
    /*    width: 640px;*/
    /*    padding: 32px 30px;*/
    /*}*/
    .datadog-banner-gif {
        width: 58%;
    }
    .lc-graphic {
        width: 34%;
    }

    .dataiku-pn-label {
        width: 34%;
        font-size: 14px;
    }
    .dataiku-pn-details {
        width: 100%;
    }
}


/* =========================================================
   769px – 991px  (ipad-air / tablet)
   - Focus cards: 2 per row
   - Offerings: stack image under text
   - Partner network banner: stack label above content
   - Carousel: shrink card, keep graphic but scale it down
   ========================================================= */
@media (min-width: 769px) and (max-width: 991px) {
    .partner-img-wp{
        width: 50%;   
    }
    .dataiku-faq .azure-faq{
        width: 100%;
    }
    .dataiku-faq .wp .hero{
        width: 40%;
    }
    .dataiku-pn-wp .partner-img-wp{
        width: 40%;
        margin: 1rem 0;
    }
    .lc-diamond{
        width: 50px;
        height: 50px;
    }

    .dataiku-banner .anthropic-banner-logos {
        width: 100%;
    }
    .dataiku-banner h1 {
        font-size: 32px;
    }
    .dataiku-banner .partner2-hero-cta .btn {
        width: auto;
        padding: 12px 24px;
    }

    .dataiku-stats-container {
        padding: 20px 1rem;
    }
    .dataiku-stats-container .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 24px;
    }
    /* dividers only make sense between columns in a 2-col grid;
       kill the desktop 4-across divider logic */
    .dataiku-stats-container .stat-item::after {
        content: unset;
    }
    .dataiku-stats-container .stat-item:nth-child(odd) {
        position: relative;
    }
    .dataiku-stats-container .stat-item:nth-child(odd)::after {
        content: "";
        position: absolute;
        right: -12px;
        background: #ccc;
        width: 1px;
        height: 60px;
        top: 8px;
    }

    .dataiku-core-focus .focus-area-card-wrap:not(.expanded) {
        max-width: calc(50% - 12px);
    }
    .dataiku-core-focus .dbt-area-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        margin-top: 1.5rem;
    }

    .offering-wp {
        flex-direction: column;
    }
    .offering-card {
        width: 100%;
    }
    .offering-card:nth-child(1) {
        margin-right: 0;
    }
    .offering-details h2 {
        font-size: 160%;
        margin-top: 1rem;
    }
    .offering-label {
        width: auto;
        display: inline-block;
    }

    .dataiku-pn-wp {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.5rem;
        border-radius: 24px;
    }
    .dataiku-pn-label {
        width: 34%;
        margin-bottom: 16px;
    }
    .dataiku-pn-details {
        width: 100%;
    }
    .dataiku-pn-details h2 {
        font-size: 160%;
    }
    .dataiku-cta a {
        width: auto;
        display: inline-block;
        padding: 10px 20px;
    }

    .lc-card {
        width: 100%;
        padding: 28px 24px;
    }
    .lc-row {
        gap: 12px;
    }
    .lc-graphic {
        width: 30%;
        height: 300px;
    }
    .lc-pins {
        /*width: 220px;*/
        /*transform: scale(0.75);*/
        /*transform-origin: left top;*/
        display: none;
    }
    .lc-navitem {
        font-size: 11px;
    }
    .lc-title {
        font-size: 20px;
    }
    .lc-desc {
        font-size: 13px;
        min-height: 60px;
    }
    .lc-nav {
        grid-template-columns: repeat(2, 1fr);
    }

    .final-cta .cta-heading {
        font-size: 160%;
    }
}


/* =========================================================
   569px – 768px  (ipad-mini)
   - Everything single column
   - Carousel graphic (fixed-px pins/diamonds) is dropped —
     it can't scale reliably below ~700px, so content takes
     full width instead of overflowing/breaking
   ========================================================= */
@media (min-width: 569px) and (max-width: 768px){
    .dataiku-faq .azure-faq{
        width: 100%;
    }
    .dataiku-faq .wp .hero{
        width: 40%;
    }

    .dataiku-banner h1 {
        font-size: 28px;
    }
    .dataiku-banner p {
        font-size: 15px;
    }
    .dataiku-banner .partner2-hero-cta .btn {
        width: 100%;
        text-align: center;
    }

    .dataiku-stats-container .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 24px;
    }
    .dataiku-stats-container .stat-item::after {
        content: unset;
    }
    .dataiku-stats-container .stat-number {
        font-size: 28px;
    }

    .dataiku-core-focus .focus-area-card-wrap:not(.expanded) {
        max-width: 100%;
    }
    .dataiku-core-focus .dbt-area-cards {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .offering-wp {
        flex-direction: column;
    }
    .offering-card {
        width: 100%;
    }
    .offering-card:nth-child(1) {
        margin-right: 0;
    }
    .offering-details h2 {
        font-size: 145%;
    }

    .dataiku-pn-wp {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
        border-radius: 20px;
    }
    .dataiku-pn-label {
        width: 34%;
    }
    .dataiku-pn-details,
    .dataiku-cta {
        width: 100%;
    }
    .dataiku-pn-details h2 {
        font-size: 140%;
    }
    .dataiku-cta a {
        width: 55%;
        text-align: center;
    }
    .partner-img-wp{
        width: 55%;
    }

    /* Carousel: drop the decorative diamond/pin graphic,
       let the text content take the full card width */
    .lc-card {
        width: 100%;
        padding: 24px 20px;
        border-radius: 16px;
    }
    .lc-row {
        display: block;
    }
    .lc-graphic {
        display: none;
    }
    .lc-inner {
        gap: 0;
    }
    .lc-rail {
        display: none;
    }
    .lc-title {
        font-size: 19px;
    }
    .lc-desc {
        font-size: 13px;
        min-height: auto;
    }
    .lc-nav {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .final-cta .cta-heading {
        font-size: 150%;
    }
    .final-cta .cta-subtext {
        font-size: 15px;
    }
    .final-cta .cta-button {
        padding: 14px 32px;
        font-size: 15px;
    }
}


/* =========================================================
   320px – 568px  (mobile devices)
   - Full stack, tightened type scale, thumb-friendly CTAs
   ========================================================= */
@media (min-width: 320px) and (max-width: 568px){
    .dataiku-banner .datadog-banner-wp .datadog-head {
        margin-left: 0rem;
    }
    .dataiku-banner {
        padding: 24px 0;
    }
    .dataiku-banner .anthropic-banner-logos {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .dataiku-banner h1 {
        font-size: 24px;
        line-height: 1.3;
    }
    .dataiku-banner p {
        font-size: 14px;
    }
    .dataiku-banner .partner2-hero-cta .btn {
        width: 100%;
        text-align: center;
        padding: 12px 16px;
        font-size: 14px;
    }

    .dataiku-stats-container {
        padding: 16px 1rem;
    }
    .dataiku-stats-container .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 12px;
    }
    .dataiku-stats-container .stat-item::after {
        content: unset;
    }
    .dataiku-stats-container .stat-number {
        font-size: 24px;
    }
    .dataiku-stats-container .stat-label {
        font-size: 11px;
    }

    .dataiku-core-focus .core-focus-head h2 {
        font-size: 24px;
    }
    .dataiku-core-focus .core-focus-head p {
        font-size: 14px;
    }
    .dataiku-core-focus .focus-area-card-wrap:not(.expanded) {
        max-width: 100%;
    }
    .dataiku-core-focus .dbt-area-cards {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 1.25rem;
    }
    .dataiku-core-focus ul li {
        font-size: 13px;
    }

    .offering-label {
        width: auto;
        font-size: 12px;
    }
    .offering-wp {
        flex-direction: column;
    }
    .offering-card {
        width: 100%;
    }
    .offering-card:nth-child(1) {
        margin-right: 0;
    }
    .offering-details h2 {
        font-size: 130%;
        margin-top: 1rem;
    }
    .offering-options .options {
        padding: 14px;
    }
    .offering-options .options h3 {
        font-size: 105%;
    }

    .dataiku-pn-wp {
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
        border-radius: 16px;
    }
    .dataiku-pn-label {
        width: auto;
        font-size: 11px;
        padding: 4px 8px 4px 26px;
    }
    .dataiku-pn-details,
    .dataiku-cta {
        width: 100%;
    }
    .dataiku-pn-details h2 {
        font-size: 130%;
    }
    .dataiku-pn-details p {
        font-size: 13px;
    }
    .dataiku-cta a {
        width: 100%;
        text-align: center;
        padding: 12px 16px;
        font-size: 13px;
    }

    /* Carousel: same simplified layout as ipad-mini, tighter spacing */
    .lc-card {
        width: 100%;
        padding: 20px 16px;
        border-radius: 14px;
    }
    .lc-row {
        display: block;
    }
    .lc-graphic,
    .lc-rail {
        display: none;
    }
    .lc-label {
        font-size: 11px;
    }
    .lc-title {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .lc-desc {
        font-size: 12.5px;
        min-height: auto;
        margin-bottom: 14px;
    }
    .lc-tags {
        gap: 8px 14px;
    }
    .lc-tag {
        font-size: 12px;
    }
    .lc-nav {
        grid-template-columns: repeat(1, 1fr);
        gap: 6px;
    }
    .lc-navitem {
        font-size: 12px;
    }

    .final-cta .cta-heading {
        font-size: 130%;
    }
    .final-cta .cta-subtext {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .final-cta .cta-button {
        display: block;
        padding: 14px 20px;
        font-size: 14px;
    }
}