.webasset-hero{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 144px 0 var(--spacing-64);
}
.webasset-hero .wk-section-head-wrapper{
    gap: 32px;
}
.webasset-hero h1{font-size: var(--fs-h2); line-height: 1;}
.webasset-hero h1, .webasset-hero p{
    color: var(--weka-off-white);
}
.webasset-hero .wk-section-head p{
    margin-bottom: 0;
}
.webasset-hero .wk-section-head .heading-and-supporting-text{
    margin: 0;
    gap: 0;
    max-width: 100%;
}
.webasset-hero .wk-section-head{
    gap: 32px;
}
.webasset-hero .webasset-desc-detail{
    gap:32px
}
.webasset-hero .webasset-desc-detail p{
    max-width: 525px;
}
.webasset-hero .webasset-publish-detail{
    flex-shrink: 0;
    gap: var(--spacing-48);
    padding-top: var(--spacing-4);
}
.webasset-hero .webasset-publish-detail .webasset-pubish-columns{
    gap: var(--spacing-8);
}
.webasset-hero .webasset-publish-detail .webasset-pubish-columns h6{
    font-family: var(--ff-mono);
    font-size: var(--fs-12);
    color: #94979C;
}
.webasset-main{
    padding: var(--spacing-52) 0;
    background: #F2F2EB;
    color: var(--weka-off-black);
}
.webasset-main .webasset-wrapper{
    gap: 50px;
    padding: 0 var(--spacing-32);
align-items: start;
}
.webasset-main .webasset-wrapper .left-panel{
    display: flex;
    width: 320px;
    min-width: 320px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-32);
    padding-top: var(--spacing-8);
    position: sticky;
    top: 120px;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-16);
    align-self: stretch;
    padding: var(--spacing-32) 0;
    border-top: 1px solid #22262F;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar h5{
    font-weight: 400;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-12);
    align-self: stretch;
margin: 0;
padding: 0;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav li a{
    font-family: var(--ff-mono);
    color: #A684C9;
    transition: ease-in-out .3s;
display: inline-block;
position: relative;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav li a:hover, .webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav li a.active{
    color: var(--weka-purple);
font-weight: var(--fw-medium);
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav li a:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0px;
    width: 2px;
    height: 0;
    background: var(--weka-purple);
transition: 0.3s ease-in-out;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav li a.active:before, .webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav li a:hover:before {height: 100%;}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group-links{
    justify-content: flex-start;
width: 100%;
border-top: 1px solid #22262F;
margin-top: var(--spacing-16);
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group ul{
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group{
    padding: var(--spacing-32) 0 var(--spacing-16);
    margin-top: var(--spacing-16);
    border-top: 1px solid #22262F;
    width: 100%;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group ul li a{
    background: var(--weka-off-black);
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: var(--spacing-8);
}
.nand-logo{
    margin-top: var(--spacing-16);
}
.webasset-main .webasset-wrapper .right-panel .section{padding: 0 36px 24px;}
.webasset-main .webasset-wrapper .right-panel h2{
    margin-bottom: var(--spacing-20);
color: var(--weka-purple);
}
.webasset-main .webasset-wrapper .right-panel h3{
    padding-bttom: var(--spacing-16);
}
.webasset-main .webasset-wrapper .right-panel .quote-box{
    padding: var(--spacing-32) 0 var(--spacing-48);
}
.webasset-main .webasset-wrapper .right-panel .quote-box .quote-inner{
    border-left: 2px solid #A71ACF;
    padding: var(--spacing-8) 0 var(--spacing-8) var(--spacing-20);
}
.webasset-main .webasset-wrapper .right-panel .quote-box .quote-inner h5{
    font-style: italic;
    color: var(--weka-off-purple);
    font-size: var(--fs-16);
    font-family: var(--ff-body);
    font-weight: var(--fw-regular);
    line-height: var(--line-height-sm);
}
.webasset-main .webasset-wrapper .right-panel .figure-image-box{
    gap: var(--spacing-16);
}
.webasset-main .webasset-wrapper .right-panel .figure-caption{
    font-size: var(--fs-12);
    font-family: var(--ff-mono);
    font-weight: var(--fw-regular);
    line-height: var(--line-height-md);
color: var(--weka-off-black);
margin-bottom: var(--spacing-32);
}
.webasset-main .webasset-wrapper .right-panel p a{
    color: var(--weka-off-black);
}
.webasset-main .webasset-wrapper .asset-table {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-bottom: 16px;
border: 1px solid var(--weka-grid-gray-light-mode);
padding: 0 var(--spacing-16);
background: #f8f8f8;
border-radius: 8px;
    }

   .webasset-main .webasset-wrapper .asset-table .table-row {
      display: flex;
      padding: 16px 0;
border-bottom: 1px solid var(--weka-grid-gray-light-mode);
    }
.webasset-main .webasset-wrapper .asset-table .table-row:last-child{border: 0;}
    .asset-table .table-row.header {
      font-weight: bold;
      color: var(--weka-peach);
font-family: var(--ff-mono);
    }
    .webasset-main .webasset-wrapper .asset-table .table-row .table-cell {
      flex: 1;
      padding: 0 16px;
display: flex;
    flex-direction: column;
    align-items: start;
    }
    .webasset-main .webasset-wrapper .asset-table .table-row .table-cell:first-child {
      flex: 0.8; /* Training Task column smaller */
      padding-left: 0;
font-weight: var(--fw-bold);
    }
.webasset-main .webasset-wrapper .asset-table .table-row .table-cell .lottie-placeholder{width: 100%; max-width: 134px; margin-top: var(--spacing-8);}
    .webasset-main .webasset-wrapper .asset-table .table-row .table-cell:nth-child(2),
    .webasset-main .webasset-wrapper .asset-table .table-row .table-cell:nth-child(3) {
      flex: 1.2; /* Wider columns */
    }
.webasset-main .webasset-wrapper .two-columns .table-cell:first-child {
    flex: .4;
}
/* Asset Form */
.wk-single-form-box .gated-asset-download{
width: 100%;
max-width: 575px;
}
.mktoForm input[type="text"], .mktoForm input[type="url"], .mktoForm input[type="email"], .mktoForm input[type="tel"], .mktoForm input[type="number"], .mktoForm input[type="date"], .mktoForm textarea.mktoField, .mktoForm select.mktoField{box-shadow: 0 1px 2px 0 #42464A; padding: var(--spacing-12) var(--spacing-14); border: 1px solid #c9c9c9;}
.mktoButtonRow{display: flex !important; width: 100%; justify-content: center;}
.mktoForm .mktoButtonWrap .mktoButton{
padding: var(--spacing-12) var(--spacing-18);
    font-size: var(--fs-16);
    line-height: var(--line-height-md);
    height: var(--spacing-48);
    color: var(--weka-off-white);
    border: 0 !important;
    background: var(--weka-purple) !important;
    font-family: var(--ff-mono) !important;
    font-weight: var(--fw-regular) !important;
}
.mktoForm .mktoFormRow{max-width: 100% !important;}
.mktoForm .mktoButtonWrap .mktoButton:hover{background: var(--weka-off-purple) !important; border: 0 !important; color: var(--weka-off-white)  !important}
    /* Mobile responsive styles */
    @media (max-width: 768px) {
.webasset-main .webasset-wrapper .asset-table{background: #fff;}
     .asset-table .table-row {
        flex-direction: column;
        border-bottom: 2px solid #eee;
        margin-bottom: 16px;
        padding: 16px;
        background: #fff;
        border-radius: 8px;
      }

     .webasset-main .webasset-wrapper .asset-table .table-row.header {
        display: none; /* Hide header on mobile */
      }
     .webasset-main .webasset-wrapper .asset-table .table-row .table-cell{
        padding: 0;
      }
     .webasset-main .webasset-wrapper .asset-table .table-cell::before {
        content: attr(data-label);
        font-weight: bold;
        color: var(--weka-tint-periwinkle);
        display: block;
        margin-bottom: 4px;
      }
    }
    .webasset-main .webasset-wrapper ul.numbered-list {
      counter-reset: item;
      padding-left: 0;
      margin: 0;
      list-style: none;
    }

    .webasset-main .webasset-wrapper ul.numbered-list li {
        margin-bottom: 8px;
        position: relative;
        padding-left: 24px;
    }

    .webasset-main .webasset-wrapper ul.numbered-list li::before {
      counter-increment: item;
      content: counter(item) ". ";
      font-weight: bold;
      position: absolute;
      left: 0;
    }
    .webasset-main .webasset-wrapper .insight-box{
        padding: 20px;
        align-items: flex-start;
        gap: 11px;
        align-self: stretch;
        border: 2px solid var(--weka-periwinkle);
        margin-bottom: var(--spacing-24);
    }
    .webasset-main .webasset-wrapper .insight-box .icon-insight{
        flex-shrink: 0;
    }
    .webasset-main .webasset-wrapper .insight-box .insight-content{
        flex: 1
    }
    .webasset-main .webasset-wrapper .custom-list{
        margin: 0 0 16px 16px; 
    }
    .webasset-main .webasset-wrapper .custom-list li{
        list-style: disc;
        margin-bottom: 8px;
    }
    .webasset-main .webasset-wrapper .webasset-main .highlight{
        background: #f2e6fd;
        padding: 16px;
        border-radius: 8px;
    }
    .webasset-main .webasset-wrapper .webasset-main .highlighted {
        background: color-mix(in srgb, var(--weka-periwinkle) 40%, transparent);
    }
    .webasset-main .webasset-wrapper .author-card{
        display: flex;
        padding: var(--spacing-32);
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        border: 1px solid var( --weka-grid-gray-light-mode);
        background: #fff;
        gap: var(--spacing-16);
        margin: var(--spacing-48) 0
    }
    .webasset-main .webasset-wrapper .author-card h4 a{
        color: var(--weka-purple);
        transition: .3s ease-in-out;
    }
    .webasset-main .webasset-wrapper .author-card h4 a:hover{
        color: var(--weka-off-black);
    }
    .webasset-main .webasset-wrapper .commissioned-weka{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-8);
    }
    .webasset-main .webasset-wrapper .commissioned-weka p{
        font-size: var(--fs-8);
        font-family: var(--ff-mono);
        flex: auto 0 0;
        margin: 0;
    }
    .webasset-main .webasset-wrapper .commissioned-weka img{
        flex: 1 0 0;
        max-width: 72px;
    }
    .webasset-main .webasset-wrapper .categories-bottom-cta{
        border-top: 1px solid #22262F;
        margin: var(--spacing-48) 0;
        padding-top: var(--spacing-64);
        gap: var(--spacing-16);
    }
    .webasset-main .webasset-wrapper .categories-bottom-cta h4{
        font-family: var(--ff-mono);
        font-size: var(--fs-16);
    }
    .webasset-main .webasset-wrapper .categories-bottom-cta .cta-link{
        color: var(--weka-off-purple);
        font-family: var(--ff-mono);
        font-size: var(--fs-12);
        transition: .3s ease-in-out;
    }
    .webasset-main .webasset-wrapper .categories-bottom-cta .cta-link:hover{
        color: var(--weka-off-black);
     }
    .wk-single-form-box{
        display: flex;
        padding: var(--spacing-64) 0;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-32);
        background: #F2F2EB;
        position: relative;
        z-index: 1;
     }
     .wk-single-form-box .form-box-inner{
        border: 1px solid #FF9992;
        background: #F2F2EB;
        position: relative;
        padding: var(--spacing-64);
     }
    .wk-single-form-box .form-box-inner .form-box-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-20);
        justify-content: center;
        max-width: 634px;
        margin: 0 auto;
     }
    .wk-single-form-box .form-box-inner .form-box-content h2, .wk-single-form-box .form-box-inner .form-box-content p{
        color: var(--weka-off-black);
    }

.webasset-main .webasset-wrapper::selection {
  background-color: #f2e6fd; /* Purple background */
}

/* For Firefox specifically */
.webasset-main .webasset-wrapper::-moz-selection {
  background-color: #f2e6fd;
}

    @keyframes animateGradient {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
     }
    @media (max-width: 991px) {
    .webasset-hero .wk-section-head .heading-and-supporting-text{
        gap: var(--spacing-24);
    }
    .webasset-hero .wk-section-head, .webasset-hero .webasset-desc-detail{
        gap: var(--spacing-16);
    }
    .webasset-hero .webasset-desc-detail p{
        font-size: var(--fs-12);
        line-height: var(--line-height-sm);
    }
    .webasset-hero .webasset-publish-detail .webasset-pubish-columns h6{
        font-size: var(--fs-8);
    }
    .webasset-main{
        padding-top: 0;
    }
    .webasset-main .container, .webasset-hero .container{
        padding: 0;
        max-width: 100%;
    }
    .webasset-hero .wk-section-head-wrapper{
        padding: 0 var(--spacing-16);
    }
    .webasset-main .webasset-wrapper{
        padding: 0;
        gap: 0;
    }
    .webasset-main .webasset-wrapper .left-panel{
        display: flex;
        gap: 0;
        align-self: stretch;
        background: var(--weka-off-black);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        position: sticky;
        top: 76px;
        width: 100%;
        padding: 0;
z-index: 91;
    }
    .webasset-main .webasset-wrapper .left-panel .sidebar-controller{
        gap: var(--spacing-28);
        padding: 8px 16px;
        width: 100%;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    }
    .webasset-main .webasset-wrapper .left-panel .webasset-sidebar{
        display: none;
        padding: var(--spacing-16);
        border-top: 0;
    }
    .webasset-main .webasset-wrapper .left-panel .sidebar-controller .wk-label{
        font-size: var(--fs-8);
        padding: 2px var(--spacing-8);
        line-height: 18px;
flex-shrink: 0;
    }
    .webasset-main .webasset-wrapper .left-panel .sidebar-controller .label-show{
        color: #fff;
        font-size: var(--fs-12);
    }
    .webasset-main .webasset-wrapper .left-panel .webasset-sidebar .webasset-sidebar-nav li a{
        color: #fff;
        font-size: var(--fs-12);
    }
    .webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group-links{
        margin-top: 0;
        padding-top: var(--spacing-16);
    }
    .webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group-links ul li a{
        width: 32px;
        height: 32px;
    }
    .webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group-links ul li a svg{
        flex-shrink: 0;
    }
    .webasset-main .webasset-wrapper .right-panel{
        padding: var(--spacing-32) var(--spacing-16);
    }
.webasset-main .webasset-wrapper .right-panel .section {
    padding: 0 20px 24px;
}
    .webasset-main .webasset-wrapper .right-panel .figure-image-box{
        padding: var(--spacing-16) 0;
    }
}
@media(max-width: 767px){
.wk-single-form-box{padding: var(--spacing-20) 0 var(--spacing-36);}
.wk-single-form-box .form-box-inner{padding: var(--spacing-24)}
}
/* Custom CSS for NAND */
.wk-gated-asset.single-template{padding: 0; overflow-x: visible;}
.webpage-resource-section{background: #F2F2EB;}
.webpage-resource-section > .container{max-width: 100%; padding: 0;}
.webpage-resource-section > .container > .row{margin: 0;}
.webpage-resource-section > .container > .row > .col-12{padding: 0;}
.wk-gated-asset.single-template .whitepaper-section {
    display: none;
}
.webasset-main .webasset-wrapper .left-panel .webasset-sidebar .social-group-links ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}
/* Custom CSS for NAND End */