@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Josefin+Sans:wght@300;400;600&display=swap');

  .dxb-section { background:#ffffff; padding:80px 24px; font-family:'Josefin Sans','Segoe UI',sans-serif; font-weight:300; color:#2a2a2a; }
  .dxb-container { max-width:1200px; margin:0 auto; }

  /* ── Main keyword links (purple) ── */
  a.kw-main { background:linear-gradient(120deg,rgba(130,36,227,0.13) 0%,rgba(130,36,227,0.07) 100%); color:#8224e3; font-weight:600; padding:1px 6px; border-radius:3px; text-decoration:none; border-bottom:1px dashed rgba(130,36,227,0.4); transition:background 0.25s; }
  a.kw-main:hover { background:linear-gradient(120deg,rgba(130,36,227,0.22) 0%,rgba(130,36,227,0.13) 100%); }

  /* ── Future interlink highlight (gold) ── */
  span.kw-future { background:linear-gradient(120deg,rgba(201,168,76,0.18) 0%,rgba(201,168,76,0.08) 100%); color:#8a6000; font-weight:600; padding:1px 5px; border-radius:3px; border-bottom:1px dashed rgba(138,96,0,0.3); cursor:default; }

  /* ── Label ── */
  .dxb-label { display:inline-flex; align-items:center; gap:10px; font-size:0.65rem; letter-spacing:0.45em; text-transform:uppercase; color:#8224e3; font-weight:600; margin-bottom:14px; }
  .dxb-label::before { content:''; width:28px; height:2px; background:#8224e3; border-radius:2px; }

  /* ── Headings ── */
  .dxb-h1 { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(2.2rem,4vw,3.4rem); font-weight:600; line-height:1.15; color:#111; margin-bottom:20px; }
  .dxb-h1 em { font-style:italic; color:#8224e3; }
  .dxb-h2 { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(1.5rem,2.8vw,2.2rem); font-weight:600; line-height:1.2; color:#111; margin-bottom:14px; border-left:4px solid #8224e3; padding-left:16px; }
  .dxb-h2 em { font-style:italic; color:#8224e3; }
  .dxb-h3 { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(1.15rem,2vw,1.55rem); font-weight:600; color:#8224e3; margin:22px 0 10px; }

  /* ── Body ── */
  .dxb-p { font-size:0.96rem; line-height:1.9; color:#4a4a4a; margin-bottom:18px; }

  /* ── Divider ── */
  .dxb-divider { display:flex; align-items:center; gap:14px; margin:60px 0; }
  .dxb-divider span { flex:1; height:1px; background:linear-gradient(90deg,transparent,rgba(130,36,227,0.25),transparent); }
  .dxb-divider i { width:7px; height:7px; background:#8224e3; transform:rotate(45deg); opacity:0.5; display:block; }

  /* ── Lists ── */
  .dxb-list { list-style:none; padding:0; margin:14px 0 18px; display:flex; flex-direction:column; gap:10px; }
  .dxb-list li { display:flex; gap:12px; align-items:flex-start; font-size:0.92rem; line-height:1.7; color:#3a3a3a; padding:12px 16px; border-left:3px solid rgba(130,36,227,0.18); background:#f9f5ff; border-radius:0 6px 6px 0; transition:border-color 0.3s,background 0.3s; }
  .dxb-list li:hover { border-left-color:#8224e3; background:#f0e6ff; }
  .dxb-list li::before { content:'✦'; color:#8224e3; font-size:0.6rem; opacity:0.6; flex-shrink:0; margin-top:4px; }
  .dxb-list li strong { color:#111; font-weight:600; }

  /* ── 2-col ── */
  .dxb-two-col { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }

  /* ── Mosaic ── */
  .dxb-mosaic { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:240px 240px; gap:8px; border-radius:12px; overflow:hidden; }
  .dxb-mosaic-item { overflow:hidden; position:relative; }
  .dxb-mosaic-item:first-child { grid-row:span 2; }
  .dxb-mosaic-item img { width:100%; height:100%; object-fit:cover; filter:brightness(0.88) saturate(0.9); transition:transform 0.6s,filter 0.4s; display:block; }
  .dxb-mosaic-item:hover img { transform:scale(1.06); filter:brightness(1) saturate(1.05); }
  .dxb-mosaic-item::after { content:''; position:absolute; inset:0; background:linear-gradient(160deg,rgba(130,36,227,0.1) 0%,transparent 60%); pointer-events:none; }

  /* ── 3-col ── */
  .dxb-img-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; border-radius:10px; overflow:hidden; height:240px; margin:24px 0; }
  .dxb-img-3 div { overflow:hidden; }
  .dxb-img-3 img { width:100%; height:100%; object-fit:cover; filter:brightness(0.88); transition:transform 0.5s,filter 0.4s; display:block; }
  .dxb-img-3 div:hover img { transform:scale(1.06); filter:brightness(1); }

  /* ── 4-col ── */
  .dxb-img-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:8px; border-radius:10px; overflow:hidden; height:220px; margin:24px 0; }
  .dxb-img-4 div { overflow:hidden; }
  .dxb-img-4 img { width:100%; height:100%; object-fit:cover; filter:brightness(0.88); transition:transform 0.5s,filter 0.4s; display:block; }
  .dxb-img-4 div:hover img { transform:scale(1.06); filter:brightness(1); }

  /* ── Strip 2-col ── */
  .dxb-img-strip { display:grid; grid-template-columns:1fr 1fr; gap:8px; border-radius:10px; overflow:hidden; margin:24px 0; }
  .dxb-img-strip-item { height:270px; overflow:hidden; }
  .dxb-img-strip-item img { width:100%; height:100%; object-fit:cover; filter:brightness(0.88); transition:transform 0.5s,filter 0.4s; display:block; }
  .dxb-img-strip-item:hover img { transform:scale(1.05); filter:brightness(1); }

  /* ── Single ── */
  .dxb-img-single { border-radius:10px; overflow:hidden; margin:24px 0; }
  .dxb-img-single img { width:100%; height:300px; object-fit:cover; filter:brightness(0.88); transition:filter 0.4s; display:block; }
  .dxb-img-single:hover img { filter:brightness(1); }

  /* ── Stacked offset ── */
  .dxb-img-stacked { position:relative; height:440px; }
  .dxb-img-stacked .img-a { position:absolute; top:0; left:0; width:68%; height:76%; object-fit:cover; border-radius:10px; filter:brightness(0.85); box-shadow:0 8px 30px rgba(130,36,227,0.18); }
  .dxb-img-stacked .img-b { position:absolute; bottom:0; right:0; width:62%; height:65%; object-fit:cover; border-radius:10px; border:4px solid #fff; filter:brightness(0.9); box-shadow:0 8px 30px rgba(130,36,227,0.14); }

  /* ── Cards ── */
  .dxb-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(195px,1fr)); gap:1px; background:#ddd6fe; border:1px solid #ddd6fe; border-radius:10px; overflow:hidden; margin:28px 0; }
  .dxb-card { background:#fff; padding:26px 20px; position:relative; transition:background 0.3s; }
  .dxb-card:hover { background:#f5f0ff; }
  .dxb-card::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:linear-gradient(90deg,#8224e3,#b57bff); transform:scaleX(0); transform-origin:left; transition:transform 0.35s; }
  .dxb-card:hover::after { transform:scaleX(1); }
  .dxb-card-num { font-family:'Cormorant Garamond',serif; font-size:2rem; color:rgba(130,36,227,0.12); font-weight:600; line-height:1; margin-bottom:10px; }
  .dxb-card-title { font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase; font-weight:600; color:#8224e3; margin-bottom:8px; }
  .dxb-card-desc { font-size:0.85rem; line-height:1.7; color:#5a5a5a; }

  /* ── Table ── */
  .dxb-table { width:100%; border-collapse:collapse; border-radius:10px; overflow:hidden; margin:20px 0; border:1px solid #ddd6fe; }
  .dxb-table thead tr { background:#8224e3; }
  .dxb-table thead th { color:#fff; font-size:0.72rem; letter-spacing:0.15em; text-transform:uppercase; padding:14px 18px; text-align:left; font-weight:600; }
  .dxb-table tbody tr { border-bottom:1px solid #f0e8ff; transition:background 0.2s; }
  .dxb-table tbody tr:last-child { border-bottom:none; }
  .dxb-table tbody tr:hover { background:#f9f5ff; }
  .dxb-table tbody td { padding:14px 18px; font-size:0.88rem; color:#3a3a3a; line-height:1.6; }

  /* ── Info box ── */
  .dxb-infobox { background:#f9f5ff; border:1px solid #ddd6fe; border-left:4px solid #8224e3; border-radius:0 8px 8px 0; padding:22px 26px; margin:18px 0; }

  /* ── Gallery ── */
  .dxb-gallery { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:12px; margin:28px 0; scrollbar-width:thin; scrollbar-color:rgba(130,36,227,0.3) transparent; }
  .dxb-gallery::-webkit-scrollbar { height:4px; }
  .dxb-gallery::-webkit-scrollbar-thumb { background:rgba(130,36,227,0.35); border-radius:4px; }
  .dxb-gallery-item { flex-shrink:0; width:200px; height:280px; border-radius:10px; overflow:hidden; scroll-snap-align:start; }
  .dxb-gallery-item img { width:100%; height:100%; object-fit:cover; filter:brightness(0.88); transition:transform 0.5s,filter 0.4s; }
  .dxb-gallery-item:hover img { transform:scale(1.07); filter:brightness(1); }

  /* ── Steps ── */
  .dxb-steps { display:flex; flex-direction:column; gap:0; margin:20px 0; }
  .dxb-step { display:flex; gap:18px; padding:18px 0; border-bottom:1px dashed rgba(130,36,227,0.18); align-items:flex-start; }
  .dxb-step:last-child { border-bottom:none; }
  .dxb-step-num { width:34px; height:34px; background:#8224e3; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.7rem; font-weight:600; flex-shrink:0; margin-top:2px; }
  .dxb-step-text { font-size:0.93rem; line-height:1.75; color:#3a3a3a; }
  .dxb-step-text strong { display:block; font-size:0.75rem; letter-spacing:0.12em; text-transform:uppercase; color:#111; font-weight:600; margin-bottom:4px; }

  /* ── CTA ── */
  .dxb-cta { background:linear-gradient(135deg,#14003a 0%,#240060 100%); border-radius:16px; padding:60px 40px; text-align:center; margin-top:60px; position:relative; overflow:hidden; }
  .dxb-cta::before { content:''; position:absolute; top:-60px; left:50%; transform:translateX(-50%); width:400px; height:400px; background:radial-gradient(circle,rgba(130,36,227,0.3) 0%,transparent 70%); pointer-events:none; }
  .dxb-cta-label { font-size:0.65rem; letter-spacing:0.5em; text-transform:uppercase; color:#b57bff; margin-bottom:18px; }
  .dxb-cta-title { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,4vw,3rem); font-weight:400; color:#fff; margin-bottom:16px; line-height:1.2; }
  .dxb-cta-title em { font-style:italic; color:#c4b5fd; }
  .dxb-cta p { font-size:0.9rem; color:#9a80bf; max-width:540px; margin:0 auto 36px; line-height:1.8; }
  .dxb-cta-btns { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
  .dxb-btn-purple { display:inline-flex; align-items:center; gap:8px; padding:14px 36px; background:#8224e3; color:#fff; text-decoration:none; font-size:0.7rem; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; border-radius:100px; border:1px solid #8224e3; transition:background 0.3s; }
  .dxb-btn-purple:hover { background:#9333ea; }
  .dxb-btn-outline { display:inline-flex; align-items:center; gap:8px; padding:14px 36px; background:transparent; color:#c4b5fd; text-decoration:none; font-size:0.7rem; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; border-radius:100px; border:1px solid rgba(196,181,253,0.45); transition:all 0.3s; }
  .dxb-btn-outline:hover { background:rgba(196,181,253,0.1); border-color:#c4b5fd; }

  /* ── Mobile ── */
  @media (max-width:768px) {
    .dxb-section { padding:50px 16px;overflow:hidden; }
    .dxb-two-col { grid-template-columns:1fr; gap:32px; }
    .dxb-h1 { font-size:clamp(1.7rem,7vw,2.4rem); }
    .dxb-h2 { font-size:clamp(1.25rem,5vw,1.7rem); padding-left:12px; }
    .dxb-list li { display:block; padding:14px 16px; }
    .dxb-list li::before { display:inline-block; margin-right:6px; vertical-align:middle; }
    .dxb-list li strong { display:inline; }
    .dxb-mosaic { grid-template-rows:160px 160px; }
    .dxb-mosaic-item:first-child { grid-row:span 2; }
    .dxb-img-3 { grid-template-columns:1fr 1fr; height:auto; }
    .dxb-img-3 div { height:150px; }
    .dxb-img-4 { grid-template-columns:1fr 1fr; height:auto; }
    .dxb-img-4 div { height:140px; }
    .dxb-img-strip { gap:6px; }
    .dxb-img-strip-item { height:200px; }
    .dxb-img-single img { height:230px; }
    .dxb-img-stacked { height:300px; }
    .dxb-img-stacked .img-a { width:72%; height:72%; }
    .dxb-img-stacked .img-b { width:65%; height:60%; }
    .dxb-cards { grid-template-columns:1fr 1fr; }
    .dxb-gallery-item { width:155px; height:210px; }
    .dxb-step { gap:14px; padding:16px 0; }
    .dxb-cta { padding:44px 20px; }
    .dxb-cta-btns { flex-direction:column; align-items:center; }
    .dxb-btn-purple,.dxb-btn-outline { width:100%; max-width:280px; justify-content:center; }
    .dxb-divider { margin:40px 0; }
    .dxb-table thead th,.dxb-table tbody td { padding:10px 12px; font-size:0.82rem; }
  }
  @media (max-width:480px) {
    .dxb-mosaic { grid-template-rows:130px 130px; }
    .dxb-cards { grid-template-columns:1fr; }
    .dxb-img-strip { grid-template-columns:1fr; }
    .dxb-img-strip-item { height:220px; }
    .dxb-img-3 div { height:130px; }
    .dxb-img-4 div { height:120px; }
    .dxb-gallery-item { width:140px; height:190px; }
  }