.dndel-wrap { font-family: Verdana, Arial, Helvetica, sans-serif; color: #10141f; }
  .dndel-container { max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  .dndel-section { padding-top: 40px; }
  .dndel-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .dndel-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .dndel-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
  .dndel-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); }
  .dndel-card:before { content: ''; position: absolute; top: -34px; right: -34px; width: 120px; height: 120px; border-radius: 50%; background: rgba(16, 20, 31, 0.04); }
  .dndel-card-soft { background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
  .dndel-card-green { background: linear-gradient(180deg, #f7fff9 0%, #edf9f1 100%); border-color: #d9f0df; }
  .dndel-card-peach { background: linear-gradient(180deg, #fffaf5 0%, #fff2e7 100%); border-color: #f3dfcc; }
  .dndel-card-dark, .dndel-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); }
  .dndel-card-dark:before, .dndel-hero-box:before { background: rgba(255, 255, 255, 0.05); }
  .dndel-hero-box { position: relative; overflow: hidden; border-radius: 28px; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22); }
  .dndel-hero-box:before { content: ''; position: absolute; top: -80px; right: -80px; width: 260px; height: 260px; border-radius: 50%; }
  .dndel-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); }
  .dndel-pill { display: inline-block; background: #ecfdf3; border: 1px solid #abefc6; color: #047857; padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px; }
  .dndel-hero-title { margin: 0 0 16px 0; font-size: 48px; line-height: 1.06; font-weight: 800; letter-spacing: -.03em; color: #10141f; }
  .dndel-section-title { margin: 0 0 20px 20px; font-size: 34px; line-height: 1.15; color: #10141f; font-weight: 800; letter-spacing: -.02em; }
  .dndel-section-title.no-offset { margin-left: 0; }
  .dndel-hero-text { margin: 0; font-size: 18px; line-height: 1.8; color: #475467; }
  .dndel-text { margin: 0; font-size: 16px; line-height: 1.85; color: #475467; }
  .dndel-card-dark .dndel-text { color: rgba(255,255,255,.78); }
  .dndel-mini-label { display: inline-block; margin-bottom: 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #6a7ca2; }
  .dndel-card-dark .dndel-mini-label { color: #9ff3c4; }
  .dndel-feature-title { margin: 0 0 10px 0; font-size: 24px; line-height: 1.2; font-weight: 800; color: #10141f; }
  .dndel-card-dark .dndel-feature-title, .dndel-dark-title { color: #ffffff; }
  .dndel-list { margin: 0; padding-left: 18px; }
  .dndel-list li { margin: 0 0 10px 0; line-height: 1.9; color: #475467; }
  .dndel-link { color: #546dff; font-weight: 700; text-decoration: none !important; }
  .dndel-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); }
  .dndel-table { width: 100%; border-collapse: collapse; }
  .dndel-table th, .dndel-table td { box-sizing: border-box; }
  .dndel-mobile-label { display: none; }
  @media (max-width: 900px) { .dndel-grid-4, .dndel-grid-3, .dndel-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 650px) {
    .dndel-container { padding-left: 14px; padding-right: 14px; }
    .dndel-grid-2, .dndel-grid-3, .dndel-grid-4 { grid-template-columns: 1fr !important; }
    .dndel-card { padding: 20px; border-radius: 18px; }
    .dndel-hero-box { border-radius: 18px !important; }
    .dndel-hero-inner { padding: 30px 18px 26px 18px !important; text-align: left !important; }
    .dndel-hero-title { font-size: 30px !important; line-height: 1.12 !important; }
    .dndel-hero-text { font-size: 15px !important; line-height: 1.75 !important; }
    .dndel-pill { width: 100%; box-sizing: border-box; text-align: center; }
    .dndel-section-title { font-size: 26px !important; line-height: 1.2 !important; margin: 0 0 18px 0 !important; }
    .dndel-feature-title { font-size: 21px !important; line-height: 1.25 !important; }
    .dndel-card p, .dndel-card li, .dndel-table th, .dndel-table td { font-size: 14px !important; line-height: 1.7 !important; }
    .dndel-table-wrap { border-radius: 18px; }
    .dndel-table-mobile-stack, .dndel-table-mobile-stack thead, .dndel-table-mobile-stack tbody, .dndel-table-mobile-stack th, .dndel-table-mobile-stack td, .dndel-table-mobile-stack tr { display: block; width: 100%; }
    .dndel-table-mobile-stack thead { display: none; }
    .dndel-table-mobile-stack tr { border-bottom: 1px solid #eef2f7; padding: 12px 0; }
    .dndel-table-mobile-stack tr:last-child { border-bottom: none; }
    .dndel-table-mobile-stack td { padding: 8px 14px !important; border: none !important; text-align: left !important; white-space: normal !important; }
    .dndel-mobile-label { display: block; font-weight: 700; color: #667085; margin-bottom: 4px; }
  }