.rdx-wrap { box-sizing: border-box; }
    .rdx-wrap * { box-sizing: border-box; }
    .rdx-wrap p { margin: 0 0 16px; font-size: 17px; color: #2b2f36; }
    .rdx-wrap h2 {
      margin: 40px 0 14px;
      font-size: 30px;
      line-height: 1.16;
      letter-spacing: -0.03em;
      color: #0b0d10;
      font-weight: 900;
      position: relative;
      padding-left: 18px;
    }
    .rdx-wrap h2::before {
      content: "";
      position: absolute;
      left: 0; top: 6px; bottom: 6px;
      width: 6px;
      background: linear-gradient(180deg, #0a66c2, #00c2ff);
      border-radius: 4px;
    }
    .rdx-wrap h3 {
      margin: 24px 0 10px;
      font-size: 20px;
      line-height: 1.28;
      color: #101418;
      font-weight: 800;
    }
    .rdx-wrap h4 {
      margin: 18px 0 8px;
      font-size: 17px;
      color: #101418;
      font-weight: 800;
    }
    .rdx-wrap a {
      color: #0a66c2;
      text-decoration: none;
      border-bottom: 1px solid rgba(10,102,194,.25);
    }
    .rdx-wrap a:hover { border-bottom-color: rgba(10,102,194,.75); }
    .rdx-wrap ul, .rdx-wrap ol {
      margin: 0 0 18px;
      padding-left: 22px;
      color: #2b2f36;
    }
    .rdx-wrap li { margin-bottom: 8px; font-size: 17px; }
    .rdx-wrap strong { color: #0b0d10; }

    .rdx-hero {
      position: relative;
      padding: 26px 26px 22px;
      border-radius: 20px;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(245,248,252,0.92)),
        radial-gradient(circle at 85% 15%, rgba(0,194,255,.14), transparent 24%),
        radial-gradient(circle at 10% 90%, rgba(10,102,194,.12), transparent 28%);
      border: 1px solid #e6ecf2;
      margin-bottom: 24px;
    }
    .rdx-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.045) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: radial-gradient(circle at 20% 20%, black, transparent 70%);
      pointer-events: none;
    }
    .rdx-kicker {
      display:inline-block;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: #0a66c2;
      margin-bottom: 12px;
    }
    .rdx-title {
      margin: 0 0 14px;
      font-size: clamp(30px, 4vw, 52px);
      line-height: 1.03;
      letter-spacing: -0.05em;
      color: #0b0d10;
      font-weight: 900;
      max-width: 18ch;
    }
    .rdx-deck {
      max-width: 78ch;
      font-size: 18px;
      color: #39404a;
      margin: 0 0 18px;
    }
    .rdx-tags {
      display:flex; flex-wrap: wrap; gap: 10px;
      font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
      color:#0a66c2;
    }
    .rdx-tags span {
      padding: 8px 12px;
      border-radius: 999px;
      background: #fff;
      border: 1px solid #dbe6f2;
      box-shadow: 0 4px 12px rgba(15,23,42,.04);
    }

    .rdx-quote {
      margin: 26px 0;
      padding: 20px 22px;
      border-radius: 16px;
      background: linear-gradient(135deg, #0b0d10, #17202b);
      color: #f4f7fa;
      box-shadow: 0 14px 30px rgba(15,23,42,.12);
    }
    .rdx-quote p { margin: 0; font-size: 18px; color: #eaf2f8; }
    .rdx-quote strong { color: #00c2ff; }

    .rdx-table-wrap {
      width: 100%;
      overflow-x: auto;
      margin: 20px 0 28px;
      border: 1px solid #e6ecf2;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 10px 26px rgba(15,23,42,.04);
    }
    .rdx-table {
      width: 100%;
      border-collapse: collapse;
      min-width: 680px;
    }
    .rdx-table th, .rdx-table td {
      padding: 15px 16px;
      border-bottom: 1px solid #eef2f6;
      text-align: left;
      vertical-align: top;
      font-size: 16px;
      color: #2b2f36;
    }
    .rdx-table th {
      background: linear-gradient(180deg, #f7f9fc, #eef4fa);
      color: #0b0d10;
      font-weight: 800;
      letter-spacing: .04em;
    }
    .rdx-table tr:last-child td { border-bottom: 0; }

    .rdx-callout {
      margin: 26px 0;
      padding: 18px 20px;
      border-radius: 16px;
      background: linear-gradient(135deg, #f6f9fc, #ffffff);
      border: 1px solid #e6ecf2;
      border-left: 5px solid #00c2ff;
      box-shadow: 0 8px 22px rgba(15,23,42,.04);
    }
    .rdx-callout p { margin: 0; font-size: 17px; color: #1f2733; }

    .rdx-grid {
      display:grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 16px;
      margin: 20px 0 26px;
    }
    .rdx-card {
      position: relative;
      padding: 18px 18px 16px;
      border-radius: 16px;
      background: #fff;
      border: 1px solid #e6ecf2;
      box-shadow: 0 10px 24px rgba(15,23,42,.04);
      overflow: hidden;
    }
    .rdx-card::after {
      content:"";
      position:absolute;
      right:-30px; top:-30px;
      width: 90px; height: 90px;
      background: radial-gradient(circle, rgba(0,194,255,.16), transparent 60%);
      border-radius: 50%;
    }
    .rdx-card strong {
      display:block;
      font-size: 12px;
      letter-spacing: .16em;
      text-transform: uppercase;
      color:#0a66c2;
      margin-bottom: 8px;
    }
    .rdx-card p { margin:0; font-size: 16px; color:#2b2f36; }

    .rdx-faq {
      margin-top: 20px;
      border: 1px solid #e6ecf2;
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 12px 28px rgba(15,23,42,.05);
    }
    .rdx-faq details { border-top: 1px solid #eef2f6; }
    .rdx-faq details:first-child { border-top: 0; }
    .rdx-faq summary {
      cursor: pointer;
      list-style: none;
      padding: 16px 18px;
      font-weight: 800;
      font-size: 16px;
      color: #0b0d10;
      background: linear-gradient(180deg, #ffffff, #f7f9fc);
    }
    .rdx-faq summary::-webkit-details-marker { display:none; }
    .rdx-faq .faq-body {
      padding: 0 18px 16px;
      font-size: 16px;
      color:#2b2f36;
    }

    .rdx-final {
      margin-top: 28px;
      padding-top: 18px;
      border-top: 1px solid #e6ecf2;
    }

    @media (max-width: 780px) {
      .rdx-grid { grid-template-columns: 1fr; }
      .rdx-title { max-width: none; }
      .rdx-wrap p { font-size: 16px; }
      .rdx-wrap h2 { font-size: 24px; }
      .rdx-wrap h3 { font-size: 18px; }
    }