.rewards-page {
  --reward-ink: #0a2441;
  --reward-blue: #006fbe;
  --reward-cyan: #00bfff;
  --reward-muted: #51657b;
  --reward-line: #dce6ec;
  color: var(--reward-ink);
  background: #fff;
  overflow-x: clip;
}
html[lang="en"] .rewards-page { font-family: 'Satoshi', sans-serif; }
.rewards-page *, .rewards-page *::before, .rewards-page *::after { box-sizing: border-box; }
.rewards-shell { width: min(1280px, calc(100% - 96px)); margin-inline: auto; }
.rewards-section { padding-block: clamp(88px, 9vw, 152px); }
.rewards-page p { margin: 0; }
.rewards-page a, .rewards-page button, .rewards-page summary { -webkit-tap-highlight-color: transparent; }
.rewards-page :is(a, button, summary, [tabindex]):focus-visible { outline: 3px solid #008fd1; outline-offset: 6px; }
.rewards-section-heading { margin: 0 0 24px; max-width: 850px; font-size: clamp(30px, 3.5vw, 48px); font-weight: 700; line-height: 1.3; letter-spacing: -.035em; text-wrap: balance; }
html[lang="ar"] .rewards-page :is(h1, h2, h3) { letter-spacing: 0; }
.rewards-section-description { color: var(--reward-muted); font-size: 18px; line-height: 1.8; max-width: 740px; margin-bottom: 48px !important; }
.rewards-hero { position: relative; isolation: isolate; color: #fff; background: radial-gradient(ellipse at 82% 36%, #0d4873 0, #072842 36%, #061b30 74%); }
.rewards-hero-grid { min-height: 700px; display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 12px; position: relative; padding-block: 72px 88px; }
.rewards-hero-copy { position: relative; z-index: 2; }
.rewards-heading { margin: 0 0 32px; font-size: clamp(46px, 5.1vw, 74px); font-weight: 700; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
html[lang="ar"] .rewards-heading { font-size: clamp(40px, 4.7vw, 65px); line-height: 1.4; }
.rewards-hero-description { color: #c2d6e5; max-width: 600px; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.85; }
.rewards-art { position: relative; width: 125%; height: clamp(350px, 42vw, 560px); margin-inline-start: -8%; will-change: transform; }
.rewards-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.rewards-ribbon { position: absolute; inset-inline: 0; bottom: 0; height: 32px; border-top: 1px solid #8cc7e21a; overflow: hidden; opacity: .35; }
.rewards-ribbon div { width: calc(100% + 96px); height: 100%; background: repeating-linear-gradient(110deg, transparent 0 44px, #67d9ff 45px 46px, transparent 47px 96px); animation: rewards-marquee 14s linear infinite; }
@keyframes rewards-marquee { to { transform: translateX(-96px); } }
.rewards-intro { background: #fff; }
.rewards-intro-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 10%; }
.rewards-intro-grid h2 { max-width: 350px; }
.rewards-intro-body { min-width: 0; display: grid; gap: 26px; }
.rewards-intro-body p { font-size: 17px; line-height: 1.95; color: var(--reward-muted); }
.rewards-intro-body .rewards-lead { color: var(--reward-ink); font-size: clamp(21px, 2vw, 27px); line-height: 1.7; font-weight: 500; }
.rewards-levels { background: #f3f7fa; border-block: 1px solid #e7eef3; }
.rewards-table-wrap { width: 100%; border-radius: 16px; border: 1px solid var(--reward-line); overflow: hidden; box-shadow: 0 12px 48px #10314906; }
.rewards-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 16px; }
.rewards-table thead { background: var(--reward-ink); color: #eefaff; }
.rewards-table thead th { padding: 24px; font-weight: 500; font-size: 14px; line-height: 1.65; text-align: start; }
.rewards-table tbody tr { border-bottom: 1px solid #e4edf3; transition: background .25s; }
.rewards-table tbody tr:last-child { border: 0; background: #e5f6fe; }
.rewards-table tbody tr:hover { background: #eef8ff; }
.rewards-table tbody :is(th, td) { padding: 27px 24px; text-align: start; color: #40566b; font-variant-numeric: tabular-nums; }
.rewards-table tbody th { color: var(--reward-blue); font-size: 18px; font-weight: 700; letter-spacing: -.03em; }
.rewards-table td:nth-child(3) { color: var(--reward-ink); font-size: 23px; font-weight: 700; }
.reward-cell-label { display: none; }
.rewards-calculation { background: #fff; }
.rewards-calculation .rewards-section-heading { margin-bottom: 56px; }
.rewards-steps { list-style: none; counter-reset: rewards-step; margin: 0; padding: 0; display: grid; grid-template-columns: 1.18fr 1fr; grid-auto-flow: dense; gap: 0; border: 1px solid var(--reward-line); border-radius: 16px; overflow: hidden; }
.rewards-steps > li { position: relative; counter-increment: rewards-step; padding: 82px 36px 34px; min-width: 0; }
.rewards-steps > li::before { content: counter(rewards-step, decimal-leading-zero); position: absolute; top: 28px; inset-inline-start: 36px; color: var(--reward-blue); font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; }
.rewards-steps > li:first-child { grid-row: span 2; background: #f5f9fb; border-inline-end: 1px solid var(--reward-line); }
.rewards-steps > li:last-child { border-top: 1px solid var(--reward-line); }
.rewards-steps p { font-size: 17px; color: var(--reward-muted); line-height: 1.9; }
.rewards-steps p + p { margin-top: 20px; }
.rewards-steps ul { margin: 24px 0 0; padding: 0; list-style: none; }
.rewards-steps ul li { padding-block: 7px; border-bottom: 1px solid #dce7ef; color: var(--reward-ink); font-size: 15px; line-height: 1.65; }
.rewards-steps ul li:last-child { border: 0; }
.rewards-examples { margin-top: 56px; display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rewards-example { min-width: 0; position: relative; padding: 42px; background: #eaf5fb; border-radius: 16px; }
.rewards-example:nth-child(2) { background: #082943; color: #fff; }
.rewards-example-title { margin: 0 0 26px; font-weight: 700; font-size: 28px; letter-spacing: -.02em; }
.rewards-example p { color: #425d71; font-size: 16px; line-height: 1.9; }
.rewards-example p + p { margin-top: 20px; }
.rewards-example p:last-child { margin-top: 26px; padding-top: 26px; border-top: 1px solid #b7d4e5; color: var(--reward-ink); font-size: 20px; font-weight: 700; }
.rewards-example:nth-child(2) p { color: #ccdeea; }
.rewards-example:nth-child(2) p:last-child { color: #80dcff; border-color: #32536b; }
.rewards-example-controls { display: flex; justify-content: center; gap: 10px; margin-top: 22px; }
.rewards-example-controls[hidden] { display: none; }
.rewards-example-controls button { width: 64px; height: 44px; border: 0; background: none; padding: 18px 4px; cursor: pointer; }
.rewards-example-controls span { display: block; height: 4px; border-radius: 4px; background: #cbdce6; transition: background .2s, transform .2s; }
.rewards-example-controls button[aria-pressed="true"] span { background: #007bbc; }
.rewards-example-controls button:hover span { transform: scaleY(1.5); }
.rewards-notes { background: #f5f8fa; border-top: 1px solid #e3ecf2; }
.rewards-notes-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 9%; align-items: start; }
.rewards-note { border-bottom: 1px solid #cddde8; }
.rewards-note:first-child { border-top: 1px solid #cddde8; }
.rewards-note summary { list-style: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-block: 27px; cursor: pointer; font-size: 17px; font-weight: 500; line-height: 1.85; }
.rewards-note summary::-webkit-details-marker { display: none; }
.rewards-note-toggle { width: 24px; height: 24px; flex: 0 0 24px; position: relative; margin-top: 6px; color: var(--reward-blue); transition: transform .25s; }
.rewards-note-toggle::before, .rewards-note-toggle::after { content: ''; position: absolute; background: currentColor; top: 11px; left: 5px; width: 14px; height: 1.5px; }
.rewards-note-toggle::after { transform: rotate(90deg); }
.rewards-note[open] .rewards-note-toggle::after { transform: rotate(90deg) scaleX(0); }
.rewards-note-body { padding-block: 0 28px; padding-inline-end: 48px; color: var(--reward-muted); font-size: 16px; line-height: 1.95; }
.rewards-contact { position: relative; color: #fff; background: radial-gradient(ellipse at 85% 100%, #11628a, transparent 65%), #08243c; overflow: hidden; }
.rewards-contact::after { content: ''; width: 540px; height: 540px; border: 1px solid #4fafce38; border-radius: 50%; position: absolute; inset-inline-end: -200px; top: 20%; box-shadow: 0 0 0 70px #45abce09, 0 0 0 140px #45abce07; pointer-events: none; }
.rewards-contact-inner { position: relative; z-index: 1; text-align: center; }
.rewards-contact-heading { margin: 0 auto 24px; max-width: 1000px; font-size: clamp(34px, 4vw, 58px); line-height: 1.3; letter-spacing: -.04em; font-weight: 700; text-wrap: balance; }
.rewards-contact-description { font-size: 20px; line-height: 1.85; color: #c8dfed; }
.rewards-contact-button { display: inline-flex; gap: 36px; align-items: center; justify-content: center; padding: 20px 28px; min-height: 64px; margin-top: 38px; border-radius: 9px; background: #fff; color: #082b46; font-size: 17px; font-weight: 700; transition: background .25s, transform .25s; }
.rewards-contact-button:hover { background: #c9f0ff; transform: translateY(-3px); }
html[lang="ar"] .rewards-contact-button svg { transform: scaleX(-1); }
@media (min-width: 1024px) {
  .rewards-examples.is-carousel { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 16px; }
  .rewards-examples.is-carousel::-webkit-scrollbar { display: none; }
  .rewards-examples.is-carousel .rewards-example { scroll-snap-align: start; display: grid; grid-template-columns: .7fr 1.3fr; gap: 64px; padding: 56px; }
}
@media (max-width: 1023px) {
  .rewards-shell { width: calc(100% - 56px); }
  .rewards-hero-grid { min-height: auto; padding-block: 76px 86px; grid-template-columns: 1.1fr 1fr; }
  .rewards-heading { font-size: clamp(40px, 5.8vw, 58px); }
  .rewards-art { width: 140%; margin-inline-start: -15%; }
  .rewards-intro-grid { gap: 6%; grid-template-columns: 1fr 1.7fr; }
  .rewards-notes-grid { grid-template-columns: 1fr; gap: 16px; }
  .rewards-example { padding: 30px; }
  .rewards-table thead th { padding: 20px 14px; }
  .rewards-table tbody :is(th, td) { padding: 22px 14px; }
}
@media (max-width: 767px) {
  .rewards-shell { width: calc(100% - 40px); }
  .rewards-section { padding-block: 72px; }
  .rewards-hero-grid { display: flex; flex-direction: column; padding-block: 62px 44px; gap: 0; }
  .rewards-heading { font-size: clamp(38px, 9.2vw, 58px); max-width: 590px; line-height: 1.12; margin-bottom: 24px; }
  html[lang="ar"] .rewards-heading { font-size: clamp(34px, 8.6vw, 52px); line-height: 1.4; }
  .rewards-hero-description { font-size: 17px; line-height: 1.85; }
  .rewards-art { width: min(100%, 440px); height: auto; aspect-ratio: 1; max-height: 370px; margin: -12px 0 -20px; }
  .rewards-art img { height: 100%; object-fit: contain; }
  .rewards-intro-grid { display: block; }
  .rewards-intro-grid h2 { max-width: none; margin-bottom: 32px; }
  .rewards-section-description { font-size: 16px; margin-bottom: 32px !important; }
  .rewards-table-wrap { border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
  .rewards-table { display: block; background: none; }
  .rewards-table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .rewards-table tbody { display: grid; gap: 16px; }
  .rewards-table tbody tr { display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: dense; border: 1px solid var(--reward-line); border-radius: 12px; background: #fff; padding: 8px 20px 18px; }
  .rewards-table tbody tr:last-child { border: 1px solid #b5def2; }
  .rewards-table tbody th { grid-column: 1 / -1; padding: 18px 0; border-bottom: 1px solid var(--reward-line); margin-bottom: 4px; font-size: 20px; }
  .rewards-table tbody td { padding: 15px 0 6px; white-space: normal; }
  .rewards-table tbody td:nth-child(3) { padding-inline-start: 16px; }
  .rewards-table tbody td:last-child { padding-inline-start: 16px; }
  .reward-cell-label { display: block; font-weight: 400; font-size: 12px; line-height: 1.8; color: #52687b; margin-bottom: 5px; }
  .reward-cell-value { display: block; color: var(--reward-ink); font-size: 18px; font-weight: 700; }
  .rewards-steps { display: block; }
  .rewards-steps > li { padding: 76px 24px 28px; }
  .rewards-steps > li::before { inset-inline-start: 24px; }
  .rewards-steps > li:first-child { border-inline: 0; border-bottom: 1px solid var(--reward-line); }
  .rewards-examples { grid-template-columns: 1fr; margin-top: 36px; }
  .rewards-example { padding: 28px; }
  .rewards-example-title { font-size: 26px; }
  .rewards-example p:last-child { font-size: 18px; }
  .rewards-note summary { font-size: 16px; gap: 16px; }
  .rewards-note-body { padding-inline-end: 0; }
  .rewards-contact-heading { font-size: 34px; }
  .rewards-contact-button { margin-top: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .rewards-page *, .rewards-page *::before, .rewards-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}