.dnab-wrap {    font-family: Verdana, Arial, Helvetica, sans-serif;    color: #10141f;  }  .dnab-container {    max-width: 1200px;    margin: 0 auto;    padding-left: 20px;    padding-right: 20px;    box-sizing: border-box;  }  .dnab-section {    padding-top: 40px;  }  .dnab-grid-2 {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 22px;  }  .dnab-grid-3 {    display: grid;    grid-template-columns: repeat(3, minmax(0, 1fr));    gap: 18px;  }  .dnab-grid-4 {    display: grid;    grid-template-columns: repeat(4, minmax(0, 1fr));    gap: 18px;  }  .dnab-card {    position: relative;    overflow: hidden;    background: #ffffff;    border: 1px solid #e9edf6;    border-radius: 24px;    padding: 30px;    box-sizing: border-box;    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);  }  .dnab-card:before {    content: '';    position: absolute;    top: -34px;    right: -34px;    width: 120px;    height: 120px;    border-radius: 50%;    background: rgba(16, 20, 31, 0.04);  }  .dnab-card-soft {    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);  }  .dnab-card-green {    background: linear-gradient(180deg, #f7fff9 0%, #edf9f1 100%);    border-color: #d9f0df;  }  .dnab-card-peach {    background: linear-gradient(180deg, #fffaf5 0%, #fff2e7 100%);    border-color: #f3dfcc;  }  .dnab-card-dark,  .dnab-hero-box {    background: linear-gradient(135deg, #0b1020 0%, #151c31 45%, #1d2742 100%);    border-color: #11182d;    color: #ffffff;    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);  }  .dnab-card-dark:before,  .dnab-hero-box:before {    background: rgba(255, 255, 255, 0.05);  }  .dnab-hero-box {    position: relative;    overflow: hidden;    border-radius: 28px;    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);  }  .dnab-hero-box:before {    content: '';    position: absolute;    top: -80px;    right: -80px;    width: 260px;    height: 260px;    border-radius: 50%;  }  .dnab-hero-box:after {    content: '';    position: absolute;    bottom: -90px;    left: -70px;    width: 220px;    height: 220px;    border-radius: 50%;    background: rgba(84,109,255,.14);    filter: blur(8px);  }  .dnab-pill {    display: inline-block;    background: rgba(112,255,190,.14);    border: 1px solid rgba(112,255,190,.26);    color: #9ff3c4;    padding: 10px 18px;    border-radius: 999px;    font-size: 13px;    font-weight: 700;    letter-spacing: .08em;    text-transform: uppercase;    margin-bottom: 18px;  }  .dnab-hero-title {    margin: 0 0 16px 0;    font-size: 48px;    line-height: 1.06;    font-weight: 800;    letter-spacing: -.03em;    color: #ffffff;  }  .dnab-section-title {    margin: 0 0 20px 20px;    font-size: 34px;    line-height: 1.15;    color: #10141f;    font-weight: 800;    letter-spacing: -.02em;  }  .dnab-section-title.no-offset {    margin-left: 0;  }  .dnab-hero-text {    margin: 0;    font-size: 18px;    line-height: 1.8;    color: rgba(255,255,255,.82);  }  .dnab-text {    margin: 0;    font-size: 16px;    line-height: 1.85;    color: #475467;  }  .dnab-card-dark .dnab-text {    color: rgba(255,255,255,.78);  }  .dnab-mini-label {    display: inline-block;    margin-bottom: 10px;    font-size: 12px;    font-weight: 800;    text-transform: uppercase;    letter-spacing: .08em;    color: #6a7ca2;  }  .dnab-card-dark .dnab-mini-label {    color: #9ff3c4;  }  .dnab-feature-title {    margin: 0 0 10px 0;    font-size: 24px;    line-height: 1.2;    font-weight: 800;    color: #10141f;  }  .dnab-card-dark .dnab-feature-title,  .dnab-dark-title {    color: #ffffff;  }  .dnab-stat {    margin: 0 0 8px 0;    font-size: 38px;    line-height: 1;    font-weight: 800;    color: #10141f;    letter-spacing: -.03em;  }  .dnab-card-dark .dnab-stat {    color: #ffffff;  }  .dnab-list {    margin: 0;    padding-left: 18px;  }  .dnab-list li {    margin: 0 0 10px 0;    line-height: 1.9;    color: #475467;  }  .dnab-card-green .dnab-list li {    color: #355447;  }  .dnab-card-peach .dnab-list li {    color: #7a5a3f;  }  .dnab-btn-row {    display: flex;    flex-wrap: wrap;    gap: 12px;    margin-top: 24px;    justify-content: center;  }  .dnab-btn {    display: inline-flex;    align-items: center;    justify-content: center;    min-height: 48px;    padding: 0 20px;    border-radius: 14px;    text-decoration: none !important;    font-size: 14px;    font-weight: 700;    box-sizing: border-box;  }  .dnab-btn-primary {    background: linear-gradient(135deg, #546dff 0%, #7d5cff 100%);    color: #ffffff !important;    box-shadow: 0 10px 26px rgba(84,109,255,.28);  }  .dnab-btn-secondary {    background: rgba(255,255,255,.08);    border: 1px solid rgba(255,255,255,.14);    color: #ffffff !important;  }  .dnab-table-wrap {    overflow-x: auto;    border: 1px solid #e9edf6;    border-radius: 24px;    background: #ffffff;    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);  }  .dnab-table {    width: 100%;    border-collapse: collapse;  }  .dnab-table th,  .dnab-table td {    box-sizing: border-box;  }  .dnab-mobile-label {    display: none;  }  @media (max-width: 900px) {    .dnab-grid-4,    .dnab-grid-3,    .dnab-grid-2 {      grid-template-columns: repeat(2, minmax(0, 1fr));    }  }  @media (max-width: 650px) {    .dnab-container {      padding-left: 14px;      padding-right: 14px;    }    .dnab-grid-2,    .dnab-grid-3,    .dnab-grid-4 {      grid-template-columns: 1fr !important;    }    .dnab-card {      padding: 20px;      border-radius: 18px;    }    .dnab-hero-box {      border-radius: 18px !important;    }    .dnab-hero-inner {      padding: 30px 18px 26px 18px !important;      text-align: left !important;    }    .dnab-hero-title {      font-size: 30px !important;      line-height: 1.12 !important;    }    .dnab-hero-text {      font-size: 15px !important;      line-height: 1.75 !important;    }    .dnab-pill {      width: 100%;      box-sizing: border-box;      text-align: center;    }    .dnab-section-title {      font-size: 26px !important;      line-height: 1.2 !important;      margin: 0 0 18px 0 !important;    }    .dnab-feature-title {      font-size: 21px !important;      line-height: 1.25 !important;    }    .dnab-stat {      font-size: 30px !important;    }    .dnab-card p,    .dnab-card li,    .dnab-table th,    .dnab-table td {      font-size: 14px !important;      line-height: 1.7 !important;    }    .dnab-table-wrap {      border-radius: 18px;    }    .dnab-table-mobile-stack,    .dnab-table-mobile-stack thead,    .dnab-table-mobile-stack tbody,    .dnab-table-mobile-stack th,    .dnab-table-mobile-stack td,    .dnab-table-mobile-stack tr {      display: block;      width: 100%;    }    .dnab-table-mobile-stack thead {      display: none;    }    .dnab-table-mobile-stack tr {      border-bottom: 1px solid #eef2f7;      padding: 12px 0;    }    .dnab-table-mobile-stack tr:last-child {      border-bottom: none;    }    .dnab-table-mobile-stack td {      padding: 8px 14px !important;      border: none !important;      text-align: left !important;      white-space: normal !important;    }    .dnab-mobile-label {      display: block;      font-weight: 700;      color: #667085;      margin-bottom: 4px;    }  }