/* What is One More Trade — intro section above the FAQ */

.omt-what {
  position: relative;
  overflow: hidden;
  padding: 120px 0 110px;
  color: #fff;
  background:
    radial-gradient(ellipse 60% 55% at 50% 0%, rgba(15,0,212,.40) 0%, rgba(15,0,212,0) 70%),
    linear-gradient(180deg, #000 0%, #04002e 100%);
}
.omt-what::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 44px 44px; pointer-events: none; }
.omt-what__wrap { position: relative; z-index: 1; width: min(980px, 100% - 48px); margin: 0 auto; text-align: center; }
.omt-what__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font: 600 11px/1 "Space Grotesk","Courier New",monospace; letter-spacing: .14em; text-transform: uppercase; color: #f8c800; }
.omt-what__eyebrow::before, .omt-what__eyebrow::after { content: ''; width: 28px; height: 1px; background: currentColor; opacity: .5; }
.omt-what__title { margin: 0 0 34px; font: 700 clamp(40px, 5.6vw, 88px)/1 "ClashDisplay-Bold",Inter,sans-serif; letter-spacing: -.01em; text-transform: uppercase; color: #f8c800; }
.omt-what__body { display: grid; gap: 20px; margin: 0 auto; max-width: 820px; }
.omt-what__body p { margin: 0; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.85; color: rgba(255,255,255,.74); }
.omt-what__body p strong { color: #fff; font-weight: 600; }

@media (max-width: 1199px) { .omt-what { padding: 96px 0 90px; } }
@media (max-width: 767px) {
  .omt-what { padding: 72px 0 68px; }
  .omt-what__wrap { width: calc(100% - 32px); }
  .omt-what__title { margin-bottom: 24px; }
  .omt-what__body { gap: 16px; text-align: left; }
}