:root {
  --bg: #030402;
  --panel: rgba(22, 22, 12, .78);
  --panel-2: rgba(31, 29, 14, .72);
  --gold: #e6c352;
  --gold-2: #fff0a8;
  --gold-3: #9a7a23;
  --text: #fff9eb;
  --muted: rgba(255, 249, 232, .70);
  --line: rgba(230, 195, 82, .28);
  --shadow: 0 24px 80px rgba(0,0,0,.55);
  --glow: 0 0 48px rgba(230,195,82,.18);
  --radius-xl: 36px;
  --radius-lg: 26px;
  --max: 1180px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: "IBM Plex Sans Arabic", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: var(--text);
  background:
    radial-gradient(circle at 18% 8%, rgba(230,195,82,.18), transparent 28%),
    radial-gradient(circle at 80% 16%, rgba(255,232,150,.13), transparent 24%),
    radial-gradient(circle at 50% 92%, rgba(142,114,40,.12), transparent 30%),
    linear-gradient(180deg, #040503 0%, #090903 48%, #020302 100%);
  min-height: 100vh;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  background-image:
    linear-gradient(rgba(230,195,82,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(230,195,82,.03) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: radial-gradient(circle at center, #000 0%, transparent 78%);
  pointer-events: none;
}

body::after {
  content: "";
  position: fixed;
  inset: -35%;
  z-index: -2;
  background: conic-gradient(from 160deg, transparent, rgba(230,195,82,.055), transparent, rgba(255,241,169,.035), transparent);
  animation: rotateAura 28s linear infinite;
  opacity: .68;
  pointer-events: none;
}

@keyframes rotateAura { to { transform: rotate(360deg); } }

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, a { -webkit-tap-highlight-color: transparent; }

.page {
  width: min(100% - 28px, var(--max));
  margin-inline: auto;
}
.nav {
  position: sticky;
  top: 0;
  z-index: 50;
}

.nav-inner {
  width: min(100% - 28px, var(--max));
  margin: auto;
  justify-content: space-between;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.brand-frame {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  padding: 6px;
  background: linear-gradient(145deg, rgba(255,238,170,.16), rgba(230,195,82,.05));
  border: 1px solid rgba(230,195,82,.32);
  box-shadow: 0 14px 34px rgba(0,0,0,.35), 0 0 28px rgba(230,195,82,.12);
  flex: 0 0 auto;
}

.brand-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

.brand-title {
  font-size: clamp(16px, 2.2vw, 24px);
  font-weight: 800;
  white-space: nowrap;
  line-height: 1.25;
  letter-spacing: -.01em;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 700;
}

.nav-links a {
  padding: 11px 14px;
  border-radius: 999px;
  transition: color .25s ease, background .25s ease;
}

.nav-links a:hover {
  color: var(--text);
  background: rgba(230,195,82,.10);
}

.mini-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  color: #080704;
  font-size: clamp(14px, 1.7vw, 17px);
  font-weight: 900;
  background: linear-gradient(135deg, #fff3b3 0%, #e5bf43 55%, #b98c22 100%);
  box-shadow: 0 14px 44px rgba(230,195,82,.22);
}
.hero { padding: 72px 0 54px; }

.hero-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(230,195,82,.24);
  border-radius: 42px;
  background:
    radial-gradient(circle at 18% 18%, rgba(230,195,82,.20), transparent 34%),
    radial-gradient(circle at 78% 12%, rgba(255,244,186,.08), transparent 28%),
    linear-gradient(145deg, rgba(22,22,12,.86), rgba(2,3,2,.88));
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.06);
  padding: clamp(24px, 4vw, 54px);
}

.hero-shell::before {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(230,195,82,.11);
  filter: blur(70px);
  top: -140px;
  right: -80px;
  animation: floatGlow 10s ease-in-out infinite alternate;
}

.hero-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.045) 45%, transparent 62%);
  transform: translateX(-120%);
  animation: sheen 8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes floatGlow { to { transform: translate(-34px, 30px) scale(1.06); } }
@keyframes sheen { 0%, 62% { transform: translateX(-120%); } 82%, 100% { transform: translateX(120%); } }

.hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(260px, .76fr);
  align-items: center;
  gap: clamp(26px, 4vw, 56px);
}

.hero-grid > div:first-child {
  text-align: center;
}

.title-card {
  width: min(100%, 760px);
  min-height: clamp(76px, 8vw, 108px);
  margin: 0 auto 24px;
  padding: clamp(16px, 2.5vw, 26px) clamp(20px, 3.5vw, 42px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,245,186,.09), rgba(230,195,82,.10));
  border: 1px solid rgba(230,195,82,.30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 46px rgba(0,0,0,.28);
  text-align: center;
}

h1 {
  margin: 0;
  width: 100%;
  font-size: clamp(27px, 3.6vw, 42px);
  line-height: 1.24;
  font-weight: 900;
  letter-spacing: -.012em;
  white-space: nowrap;
  text-align: center;
}

.gold-text {
  background: linear-gradient(135deg, #fff7c4, #e1bd47 55%, #a87e20);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lead {
  margin: 0 auto 28px;
  max-width: 740px;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 21px);
  line-height: 1.9;
  font-weight: 700;
  text-align: center;
}

.actions {
  display: grid;
  gap: 14px;
  max-width: 620px;
  margin-inline: auto;
}

.btn {
  position: relative;
  overflow: hidden;
  min-height: clamp(54px, 6vw, 64px);
  padding: 0 clamp(18px, 3vw, 30px);
  border-radius: 999px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(16px, 2.1vw, 21px);
  line-height: 1.2;
  font-weight: 900;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.btn:hover { transform: translateY(-3px); }

.btn-primary {
  color: #080704;
  background: linear-gradient(135deg, #fff6bd 0%, #e3bd43 52%, #b88a21 100%);
  box-shadow: 0 22px 58px rgba(230,195,82,.23), inset 0 1px 0 rgba(255,255,255,.55);
}

.btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.32), transparent);
  transform: translateX(-130%);
  transition: transform .65s ease;
}

.btn-primary:hover::before { transform: translateX(130%); }
.btn-primary span, .btn-primary { z-index: 1; }

.btn-outline {
  color: var(--text);
  background: rgba(230,195,82,.07);
  border-color: rgba(230,195,82,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.btn-outline:hover {
  border-color: rgba(255,239,162,.72);
  box-shadow: var(--glow);
}

.quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 26px auto 0;
  max-width: 760px;
}

.quick-card {
  min-height: 86px;
  padding: 15px 12px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  gap: 11px;
  text-align: center;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(230,195,82,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
  color: rgba(255,249,232,.86);
  font-size: clamp(14px, 1.75vw, 18px);
  font-weight: 850;
  line-height: 1.35;
}

.quick-icon,
.price-icon,
.feature-icon,
.device-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gold-2);
  background: rgba(230,195,82,.11);
  border: 1px solid rgba(230,195,82,.28);
  box-shadow: 0 14px 36px rgba(0,0,0,.22), 0 0 28px rgba(230,195,82,.10), inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.quick-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

.quick-icon svg,
.price-icon svg,
.feature-icon svg,
.device-icon svg {
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quick-icon svg { width: 22px; height: 22px; stroke-width: 1.9; }

.quick-label,
.device-label {
  display: block;
  color: var(--gold-2);
  line-height: 1.45;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(230,195,82,.12);
}

.quick-card:hover .quick-icon,
.price-card:hover .price-icon,
.feature-card:hover .feature-icon,
.device-card:hover .device-icon {
  transform: translateY(-4px) scale(1.06);
  background: rgba(230,195,82,.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.28), 0 0 34px rgba(230,195,82,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

.visual {
  justify-self: center;
  width: min(100%, 350px);
  aspect-ratio: 1;
  border-radius: 42px;
  padding: 14px;
  background: linear-gradient(145deg, rgba(255,242,172,.18), rgba(138,105,24,.08));
  border: 1px solid rgba(230,195,82,.35);
  box-shadow: 0 34px 90px rgba(0,0,0,.50), 0 0 80px rgba(230,195,82,.13), inset 0 1px 0 rgba(255,255,255,.10);
  animation: logoFloat 6.2s ease-in-out infinite;
}

.visual-inner {
  width: 100%;
  height: 100%;
  border-radius: 34px;
  overflow: hidden;
  background: #030302;
  border: 1px solid rgba(255,255,255,.08);
  position: relative;
}

.visual-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.visual-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 40%);
  pointer-events: none;
}

@keyframes logoFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
section { padding: 64px 0; }

.section-head {
  text-align: center;
}

.section-head h2,
section h2 {
  margin: 0 auto;
  font-size: clamp(22px, 2.8vw, 34px);
  line-height: 1.24;
  letter-spacing: -.01em;
  font-weight: 900;
  text-align: center;
}

.plans-head-clean { margin-bottom: 28px; }

.section-head p {
  margin: 12px auto 0;
  max-width: 520px;
  color: var(--muted);
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.8;
  font-weight: 650;
  text-align: center;
}

.cards-grid {
  display: grid;
  gap: 16px;
}

.pricing { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.device-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.step-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.card {
  position: relative;
  overflow: hidden;
  min-height: 176px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: linear-gradient(150deg, rgba(255,255,255,.065), rgba(230,195,82,.045));
  border: 1px solid rgba(230,195,82,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 60px rgba(0,0,0,.28);
  transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
}

.card::before {
  content: "";
  position: absolute;
  inset: auto -40px -70px auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(230,195,82,.10);
  filter: blur(25px);
  transition: .3s ease;
  pointer-events: none;
}

.card:hover {
  transform: translateY(-6px);
  border-color: rgba(255,239,162,.50);
  box-shadow: 0 26px 80px rgba(0,0,0,.34), 0 0 54px rgba(230,195,82,.12);
  background: linear-gradient(150deg, rgba(255,255,255,.085), rgba(230,195,82,.065));
}

.card h3 {
  margin: 0 0 10px;
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.35;
}

.card p,
.plan-card p,
.feature-card p,
.device-card p,
.step-card p,
details p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(14px, 1.65vw, 17px);
  line-height: 1.8;
  font-weight: 650;
}
.price-card {
  align-items: center;
  padding-inline: 18px;
}

.price-card-head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.price-card.featured {
  background: linear-gradient(155deg, rgba(255,231,130,.16), rgba(230,195,82,.07));
  border-color: rgba(255,232,142,.50);
}

.price-icon {
  width: 50px;
  height: 50px;
  border-radius: 18px;
  flex: 0 0 auto;
}

.price-icon svg {
  width: 25px;
  height: 25px;
  stroke-width: 1.9;
}

#plans .live-pulse {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-flex;
  border-radius: 999px;
  background: radial-gradient(circle, #fff7c4 0%, #e5bf43 54%, #9f7720 100%);
  box-shadow: 0 0 18px rgba(230,195,82,.55), 0 0 42px rgba(230,195,82,.22);
  animation: pricePulse 1.65s ease-in-out infinite;
}

#plans .live-pulse::before,
#plans .live-pulse::after {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: inherit;
  border: 1px solid rgba(230,195,82,.35);
  animation: priceRing 1.65s ease-out infinite;
}

#plans .live-pulse::after {
  inset: -17px;
  opacity: .55;
  animation-delay: .45s;
}

@keyframes pricePulse {
  0%, 100% { transform: scale(.86); opacity: .86; }
  50% { transform: scale(1.08); opacity: 1; }
}

@keyframes priceRing {
  0% { transform: scale(.58); opacity: .58; }
  80%, 100% { transform: scale(1.18); opacity: 0; }
}

.duration {
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
}

.price {
  color: var(--gold-2);
  font-size: clamp(27px, 3.5vw, 38px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.02em;
  text-align: center;
}

.price small {
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.small-btn {
  width: min(100%, 210px);
  min-height: 48px;
  margin-inline: auto;
  padding: 0 18px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #080704;
  font-size: clamp(14px, 1.7vw, 16px);
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  background: linear-gradient(135deg, #fff5b8, #e4bd42 58%, #bd8e24);
  box-shadow: 0 15px 35px rgba(230,195,82,.18), inset 0 1px 0 rgba(255,255,255,.45);
  transition: transform .25s ease, box-shadow .25s ease;
}

.small-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(230,195,82,.26), inset 0 1px 0 rgba(255,255,255,.50);
}
.feature-card {
  min-height: 244px;
  padding-top: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  text-align: center;
}

.feature-icon {
  width: 62px;
  height: 62px;
  border-radius: 20px;
  flex: 0 0 auto;
}

.feature-icon svg {
  width: 30px;
  height: 30px;
  stroke-width: 1.9;
}

.feature-icon svg text {
  fill: currentColor;
  stroke: none;
  font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
  font-size: 7px;
  font-weight: 900;
}

.feature-card h3,
.step-card h3 {
  margin: 0;
  color: var(--gold-2);
  text-shadow: 0 0 18px rgba(230,195,82,.10);
}
.device-card {
  min-height: 128px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 900;
}

.device-icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
}

.device-icon svg {
  width: 26px;
  height: 26px;
  stroke-width: 1.9;
}

.device-icon svg.fill-icon {
  fill: currentColor;
  stroke: none;
}

.device-icon svg.apple-mark {
  width: 28px;
  height: 28px;
  transform: translate(-1.5px, 1px);
  transform-origin: center;
}
.step-card {
  min-height: 172px;
  text-align: center;
}

.step-icon-wrap {
  margin-bottom: 18px;
}

.step-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #080704;
  background: linear-gradient(135deg, #fff5b8, #e2bc43 62%, #bd8e24);
  box-shadow: 0 14px 34px rgba(230,195,82,.18), inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}

.step-icon svg {
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.step-card:hover .step-icon {
  transform: translateY(-4px) scale(1.06);
  box-shadow: 0 18px 44px rgba(230,195,82,.28), inset 0 1px 0 rgba(255,255,255,.42);
}
.faq-wrap {
  display: grid;
  gap: 13px;
}

details {
  border-radius: 24px;
  border: 1px solid rgba(230,195,82,.22);
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

summary {
  position: relative;
  min-height: 82px;
  padding: 22px 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  list-style: none;
  cursor: pointer;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.55;
  font-weight: 900;
}

summary::-webkit-details-marker { display: none; }

summary::after {
  content: "+";
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gold);
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
}

details[open] summary::after { content: "−"; }

.faq-question-text {
  width: 100%;
  display: block;
  text-align: center;
}

details p {
  padding: 0 24px 22px;
  color: var(--gold-2);
  font-weight: 750;
  text-shadow: 0 0 18px rgba(230,195,82,.10);
}
.final-cta {
  padding: clamp(28px, 5vw, 54px);
  border-radius: 38px;
  border: 1px solid rgba(230,195,82,.28);
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  align-items: center;
  justify-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 20% 10%, rgba(230,195,82,.16), transparent 36%),
    linear-gradient(145deg, rgba(32,28,12,.78), rgba(3,4,2,.78));
  box-shadow: var(--shadow);
}

.final-cta h2 {
  margin: 0 0 12px;
  font-size: clamp(25px, 3.4vw, 40px);
  text-align: center;
}

.final-cta p {
  max-width: 680px;
  margin: 0 auto;
  color: var(--gold-2);
  text-align: center;
  text-shadow: 0 0 18px rgba(230,195,82,.10);
}

.final-cta .btn {
  width: min(100%, 330px);
  min-height: 66px;
  margin-inline: auto;
}
.footer {
  padding: 46px 0 34px;
  color: rgba(255,249,232,.58);
  text-align: center;
  font-size: clamp(13px, 1.6vw, 15px);
  line-height: 1.8;
}

.gold-wa-btn {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: transform .25s ease, box-shadow .25s ease;
}

.gold-wa-btn:hover {
  transform: translateY(-3px) scale(1.045);
  box-shadow: 0 24px 58px rgba(0,0,0,.44), 0 0 48px rgba(230,195,82,.34), inset 0 1px 0 rgba(255,255,255,.58);
}

.gold-wa-btn svg {
  width: 28px;
  height: 28px;
  position: relative;
  z-index: 1;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

@keyframes floatingStackMove {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
.reveal {
  opacity: 1;
  transform: none;
}

.js-enabled .reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s ease;
}

.js-enabled .reveal.show {
  opacity: 1;
  transform: translateY(0);
}

.plan-note {
  margin: -2px 0 0;
  color: rgba(255,240,168,.82);
  font-size: clamp(12.5px, 1.35vw, 14px);
  line-height: 1.55;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 980px) {
  .nav-links { display: none; }
  .hero-grid { grid-template-columns: 1fr; }
  .visual {
    order: -1;
    width: min(100%, 260px);
  }
  .pricing,
  .feature-grid,
  .device-grid,
  .step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .page,
  .nav-inner {
    width: min(100% - 22px, var(--max));
  }

  .nav-inner {
    min-height: 76px;
    gap: 10px;
  }

  .brand-frame {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  .brand-title {
    max-width: 46vw;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(14px, 4.1vw, 18px);
  }

  .mini-cta {
    min-height: 42px;
    padding: 0 14px;
    font-size: 13px;
  }

  .hero {
    padding: 34px 0 44px;
  }

  .hero-shell {
    border-radius: 31px;
    padding: 22px 16px 28px;
  }

  .visual {
    width: 168px;
    border-radius: 30px;
    padding: 9px;
  }

  .visual-inner {
    border-radius: 23px;
  }

  .title-card {
    width: min(100%, 92vw);
    min-height: 74px;
    padding: 15px 16px;
    margin-bottom: 20px;
  }

  h1 {
    font-size: clamp(23px, 6.2vw, 29px);
    line-height: 1.28;
    white-space: nowrap;
  }

  .lead {
    max-width: 94%;
    font-size: 15.5px;
    line-height: 1.85;
  }

  .btn {
    min-height: 56px;
    font-size: 16px;
  }

  .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .quick-card {
    min-height: 78px;
    border-radius: 21px;
    font-size: 14px;
  }

  section {
    padding: 48px 0;
  }

  .section-head h2,
  section h2 {
    font-size: 25px;
  }

  .pricing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #plans .pricing .price-card:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 6px);
    justify-self: center;
  }

  .feature-grid,
  .device-grid,
  .step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .card {
    min-height: 150px;
    border-radius: 24px;
    padding: 18px 15px;
  }

  .duration {
    font-size: 15px;
  }

  .price {
    font-size: 30px;
  }

  .price small {
    font-size: 12px;
  }

  .price-card {
    gap: 10px;
    min-height: 170px;
  }

  .price-icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  .small-btn {
    min-height: 42px;
    width: min(100%, 168px);
    padding-inline: 12px;
    font-size: 12.5px;
  }

  .feature-card {
    min-height: 220px;
  }

  .device-card {
    min-height: 108px;
    gap: 10px;
    font-size: 17px;
  }

  summary {
    min-height: 78px;
    padding: 20px 54px;
    font-size: 16px;
  }

  summary::after {
    left: 20px;
    font-size: 30px;
  }

  .final-cta {
    border-radius: 30px;
  }

  .final-cta h2 {
    font-size: 24px;
  }

  .final-cta .btn {
    min-height: 58px;
    width: min(100%, 280px);
  }

  .left-floating-actions {
    left: max(14px, env(safe-area-inset-left));
    bottom: max(82px, calc(env(safe-area-inset-bottom) + 82px));
  }

  .gold-wa-btn {
    width: 52px;
    height: 52px;
  }

  .gold-wa-btn svg {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 370px) {
  h1 {
    font-size: 22px;
  }

  .title-card {
    padding-inline: 12px;
  }

  .price {
    font-size: 27px;
  }
}

@media (max-width: 560px) {







  .plan-note {
    font-size: 12px;
    line-height: 1.5;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}

html.light-mode .hero-shell,
html.light-mode .card,
html.light-mode details,
html.light-mode .final-cta {
  background: linear-gradient(145deg, rgba(255,255,255,.60), rgba(230,195,82,.13));
  border-color: rgba(143,111,33,.24);
  color: #17150b;
}

html.light-mode .lead,
html.light-mode .card p,
html.light-mode .section-head p {
  color: rgba(23,21,11,.70);
}

html.light-mode .btn-outline,
html.light-mode .top-action {
  color: #17150b;
  background: rgba(255,255,255,.42);
  border-color: rgba(143,111,33,.28);
}

html.light-mode .title-card,
html.light-mode .quick-card {
  background: rgba(255,255,255,.38);
  border-color: rgba(143,111,33,.24);
}

html.light-mode .footer {
  color: rgba(23,21,11,.65);
}

@media (max-width: 560px) {
  .nav-inner {
    min-height: 66px;
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
  }

  .top-logo-center {
    width: 50px;
    height: 50px;
    border-radius: 17px;
    padding: 5px;
  }

  .top-logo-center img {
    border-radius: 12px;
  }

  .top-action {
    min-height: 40px;
    padding-inline: 12px;
    font-size: 13.5px;
    gap: 6px;
  }

  .top-action svg {
    width: 17px;
    height: 17px;
  }

  .theme-toggle {
    width: 40px;
    padding: 0;
  }
}

@media (max-width: 370px) {
  .nav-inner {
    gap: 8px;
  }

  .top-logo-center {
    width: 46px;
    height: 46px;
  }

  .top-action {
    min-height: 38px;
    padding-inline: 10px;
    font-size: 13px;
  }

  .theme-toggle {
    width: 38px;
  }
}
.trial-main-btn {
  position: relative;
  overflow: hidden;
}

.trial-main-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.32) 45%, transparent 72%);
  transform: translateX(110%);
  transition: transform .75s ease;
}

.trial-main-btn:hover::after {
  transform: translateX(-110%);
}

@media (max-width: 520px) {



  .trial-conversion-actions .btn {
    width: 100%;
  }
}
.nav {
  background: linear-gradient(180deg, rgba(3,4,2,.72), rgba(3,4,2,.46));
  border-bottom: 1px solid rgba(230,195,82,.14);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: min-height .28s ease, background .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.nav.is-compact {
  background: linear-gradient(180deg, rgba(3,4,2,.86), rgba(3,4,2,.58));
  box-shadow: 0 14px 34px rgba(0,0,0,.24);
  border-bottom-color: rgba(230,195,82,.20);
}

.nav-inner {
  min-height: 72px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  transition: min-height .28s ease;
}

.nav.is-compact .nav-inner {
  min-height: 62px;
}

.top-logo-center {
  grid-column: 2;
  justify-self: center;
  width: 62px;
  height: 62px;
  padding: 6px;
  border-radius: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(255,238,170,.17), rgba(230,195,82,.055));
  border: 1px solid rgba(230,195,82,.35);
  box-shadow: 0 15px 38px rgba(0,0,0,.32), 0 0 34px rgba(230,195,82,.12), inset 0 1px 0 rgba(255,255,255,.07);
  transition: width .28s ease, height .28s ease, border-radius .28s ease, transform .28s ease;
}

.nav.is-compact .top-logo-center {
  width: 54px;
  height: 54px;
  border-radius: 18px;
}

.top-logo-center img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

.top-action {
  width: 46px;
  min-height: 46px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gold-2);
  background: rgba(230,195,82,.07);
  border: 1px solid rgba(230,195,82,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 30px rgba(0,0,0,.17);
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
  transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease, width .28s ease, min-height .28s ease;
}

.nav.is-compact .top-action {
  width: 42px;
  min-height: 42px;
}

.top-action:hover {
  transform: translateY(-2px);
  background: rgba(230,195,82,.12);
  border-color: rgba(255,240,168,.48);
  box-shadow: 0 16px 38px rgba(0,0,0,.24), 0 0 28px rgba(230,195,82,.12), inset 0 1px 0 rgba(255,255,255,.08);
}

.top-action svg {
  width: 19px;
  height: 19px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nav-store-btn {
  grid-column: 1;
  justify-self: start;
}

.theme-toggle {
  grid-column: 3;
  justify-self: end;
}

.premium-final-cta {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,240,168,.18), transparent 30%),
    radial-gradient(circle at 86% 88%, rgba(230,195,82,.11), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(230,195,82,.06));
  border-color: rgba(230,195,82,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 28px 80px rgba(0,0,0,.28);
}

.premium-final-cta::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid rgba(255,240,168,.07);
}

.premium-footer {
  padding-block: 34px 38px;
  text-align: center;
}

.footer-logo {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  padding: 5px;
  border-radius: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(230,195,82,.075);
  border: 1px solid rgba(230,195,82,.22);
  box-shadow: 0 12px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
}

.footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.footer-title {
  margin: 0;
  color: var(--gold-2);
  font-size: 17px;
  line-height: 1.4;
  font-weight: 950;
}

.footer-sub,
.footer-rights {
  margin: 4px 0 0;
  color: rgba(255,249,232,.56);
  font-size: 13px;
  line-height: 1.6;
  font-weight: 700;
}

.footer-trust-line {
  margin: 12px auto 0;
  max-width: 620px;
  color: rgba(255,240,168,.72);
  font-size: 13px;
  line-height: 1.8;
  font-weight: 850;
}

html.light-mode .nav {
  background: linear-gradient(180deg, rgba(255,249,221,.74), rgba(255,249,221,.52));
  border-bottom-color: rgba(143,111,33,.18);
}

html.light-mode .nav.is-compact {
  background: linear-gradient(180deg, rgba(255,249,221,.88), rgba(255,249,221,.66));
  border-bottom-color: rgba(143,111,33,.24);
}

html.light-mode .top-action,
html.light-mode .footer-logo {
  color: #17150b;
  background: rgba(255,255,255,.40);
  border-color: rgba(143,111,33,.26);
}

html.light-mode .premium-final-cta {
  background:
    radial-gradient(circle at 18% 12%, rgba(230,195,82,.25), transparent 30%),
    radial-gradient(circle at 86% 88%, rgba(143,111,33,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.62), rgba(230,195,82,.13));
  border-color: rgba(143,111,33,.25);
}

html.light-mode .footer-title {
  color: #17150b;
}

html.light-mode .footer-sub,
html.light-mode .footer-rights {
  color: rgba(23,21,11,.62);
}

html.light-mode .footer-trust-line {
  color: rgba(23,21,11,.72);
}

@media (max-width: 560px) {
  .nav-inner {
    min-height: 66px;
    gap: 10px;
  }

  .nav.is-compact .nav-inner {
    min-height: 58px;
  }

  .top-logo-center {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    padding: 5px;
  }

  .nav.is-compact .top-logo-center {
    width: 46px;
    height: 46px;
    border-radius: 16px;
  }

  .top-logo-center img {
    border-radius: 12px;
  }

  .top-action {
    width: 41px;
    min-height: 41px;
  }

  .nav.is-compact .top-action {
    width: 38px;
    min-height: 38px;
  }

  .top-action svg {
    width: 17px;
    height: 17px;
  }

  .premium-footer {
    padding-bottom: 92px;
  }

  .footer-trust-line {
    max-width: 300px;
    font-size: 12.5px;
  }



  .wa-float {
    bottom: calc(76px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 370px) {
  .nav-inner {
    gap: 8px;
  }

  .top-logo-center {
    width: 48px;
    height: 48px;
  }

  .top-action {
    width: 38px;
    min-height: 38px;
  }
}
.hulk-word {
  line-height: inherit;
}

@media (max-width: 560px) {
  .hulk-word {
    letter-spacing: .018em;
  }
}
.hero-section-label{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:36px;margin-bottom:12px;border-radius:999px;background:rgba(230,195,82,.08);border:1px solid rgba(230,195,82,.18);color:var(--gold-2);font-size:13px;font-weight:900;box-shadow:0 10px 26px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.06)}
.style-eleven-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.eleven-card{position:relative;overflow:hidden;display:grid;justify-items:center;align-content:center;text-align:center;gap:8px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;animation:elevenFloat 6s ease-in-out infinite}
.eleven-card:nth-child(2){animation-delay:.15s}.eleven-card:nth-child(3){animation-delay:.3s}.eleven-card:nth-child(4){animation-delay:.45s}.eleven-card:nth-child(5){animation-delay:.6s}.eleven-card:nth-child(6){animation-delay:.75s}.eleven-card:nth-child(7){animation-delay:.9s}.eleven-card:nth-child(8){animation-delay:1.05s}
.eleven-orb{position:absolute;top:-42px;left:50%;transform:translateX(-50%);width:120px;height:120px;border-radius:999px;filter:blur(26px);opacity:.28;background:var(--eleven-glow);pointer-events:none}
.eleven-logo-box{direction:ltr;unicode-bidi:isolate}
.eleven-logo{display:block;max-width:100%;height:36px;object-fit:contain;object-position:center center}.eleven-logo-netflix{height:40px;border-radius:4px}.eleven-logo-osn{height:38px;max-width:116px}.eleven-logo-mbc{height:32px}.eleven-logo-disney{height:42px;max-width:96px}.eleven-logo-bein{height:46px;max-width:142px}.eleven-logo-starz{height:31px}.eleven-logo-prime{height:33px}.eleven-logo-apple{height:34px;max-width:112px}
.eleven-name{color:var(--gold-2);font-family:Arial,"IBM Plex Sans Arabic",sans-serif;line-height:1.3;font-weight:950;white-space:nowrap}.eleven-name-ar{direction:rtl;unicode-bidi:isolate}.eleven-name-ar span{display:inline-block;direction:ltr;unicode-bidi:isolate}.eleven-desc{line-height:1.45;font-weight:750}
.eleven-netflix{--eleven-glow:rgba(255,60,60,.21)}.eleven-osn{--eleven-glow:rgba(176,116,255,.20)}.eleven-mbc{--eleven-glow:rgba(55,205,148,.18)}.eleven-disney{--eleven-glow:rgba(102,162,255,.20)}.eleven-bein{--eleven-glow:rgba(181,120,255,.22)}.eleven-starz{--eleven-glow:rgba(255,232,144,.18)}.eleven-prime{--eleven-glow:rgba(88,195,255,.20)}.eleven-apple{--eleven-glow:rgba(255,255,255,.10)}
@keyframes elevenFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
html.light-mode .hero-section-label{background:rgba(143,111,33,.08);border-color:rgba(143,111,33,.18);color:#17150b}html.light-mode .eleven-name{color:#17150b}
@media(max-width:860px){.style-eleven-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.style-eleven-shell{padding:18px 14px;border-radius:26px}.style-eleven-grid{gap:10px}.eleven-card{min-height:152px;padding:12px 8px;border-radius:20px}.eleven-logo-box{width:min(100%,124px);min-height:58px;border-radius:17px;padding:8px}.eleven-logo{height:32px}.eleven-logo-netflix{height:35px}.eleven-logo-osn{height:33px}.eleven-logo-mbc{height:28px}.eleven-logo-disney{height:37px;max-width:88px}.eleven-logo-bein{height:40px;max-width:126px}.eleven-logo-starz{height:27px}.eleven-logo-prime{height:29px}.eleven-logo-apple{height:30px;max-width:100px}.eleven-name{font-size:13px}.eleven-desc{font-size:11px}}@media (prefers-reduced-motion: reduce){.eleven-card{animation:none !important;transition:none !important}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.hero .lead{margin-top:0;}
.hulk-word{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-weight:950;letter-spacing:.03em;color:transparent!important;filter:drop-shadow(0 1px 0 rgba(255,244,190,.18));}
.gold-text .hulk-word,h1 .hulk-word,.lead .hulk-word,.section-head .hulk-word,.btn .hulk-word,.footer-title .hulk-word{font-weight:950;}
.eleven-logo-box{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.eleven-logo.logo-fit-disney{height:auto;object-fit:contain;object-position:center;display:block;}
@media (max-width:640px){.eleven-logo.logo-fit-disney{width:86%;max-width:220px;}}
.content-style-eleven{padding-top:0}
.style-eleven-shell{
  position:relative;
  overflow:hidden;
  max-width:1060px;
  margin:0 auto;
  padding:clamp(22px,3.2vw,34px);
  border-radius:34px;
  background:
    radial-gradient(900px 320px at 50% -10%, rgba(236,196,84,.13), transparent 58%),
    radial-gradient(420px 200px at 0% 100%, rgba(188,150,54,.08), transparent 62%),
    radial-gradient(420px 200px at 100% 0%, rgba(188,150,54,.07), transparent 62%),
    linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
  border:1px solid rgba(230,195,82,.19);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 28px 56px rgba(0,0,0,.24), 0 0 0 1px rgba(255,241,179,.03);
}
.style-eleven-shell::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:26px;
  border:1px solid rgba(255,231,144,.09);
  pointer-events:none;
}
.style-eleven-shell::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:34%;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.10));
  pointer-events:none;
}
.style-eleven-head{position:relative;z-index:1}
.style-eleven-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px;
  min-height:34px;
  padding:8px 18px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,246,202,.94), rgba(230,195,82,.90));
  color:#16120a;
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(230,195,82,.16), inset 0 1px 0 rgba(255,255,255,.42);
}
.style-eleven-head h2{
  text-align:center;
  font-size:clamp(24px,2.7vw,34px);
  line-height:1.2;
  letter-spacing:-.02em;
  text-wrap:balance;
  margin:0;
}
.style-eleven-head p{
  text-align:center;
  max-width:700px;
  margin:12px auto 0;
  font-size:clamp(14px,1.2vw,16px);
  line-height:1.95;
  color:rgba(247,241,223,.78);
  text-wrap:balance;
}
.hulk-word{
  color:var(--gold-2);
  text-shadow:0 0 14px rgba(230,195,82,.14), 0 0 28px rgba(230,195,82,.06);
  background:linear-gradient(135deg,#fff5c7 0%, #f1d26c 22%, #e2bb52 50%, #fff0ab 78%, #e4be56 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:220% 100%;
  animation:hulkGoldFlow 7s linear infinite;
}
@keyframes hulkGoldFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.style-eleven-grid{position:relative;z-index:1}
@media (max-width: 560px){
  .style-eleven-shell{padding:18px 14px 18px;border-radius:28px}
  .style-eleven-shell::before{inset:10px;border-radius:22px}
  .style-eleven-badge{margin-bottom:12px;min-height:31px;padding:7px 15px;font-size:12px}
  .style-eleven-head h2{font-size:clamp(23px,7vw,30px)}
  .style-eleven-head p{font-size:14px;line-height:1.9;max-width:31ch}
}
@media (prefers-reduced-motion: reduce){
  .hulk-word{animation:none}
}
html.light-mode .style-eleven-shell{
  background:
    radial-gradient(900px 320px at 50% -10%, rgba(236,196,84,.12), transparent 58%),
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(249,244,228,.72));
  border-color:rgba(143,111,33,.16);
  box-shadow:0 24px 46px rgba(32,24,5,.10), inset 0 1px 0 rgba(255,255,255,.92);
}
html.light-mode .style-eleven-shell::before{border-color:rgba(143,111,33,.11)}
html.light-mode .style-eleven-head p{color:rgba(23,21,11,.68)}
:root{
  --gold-soft:#f4db82;
  --gold-main:#e6c352;
  --gold-deep:#b78b21;
  --gold-cream:#fff4c3;
  --gold-glow:rgba(230,195,82,.24);
}
.hulk-word,
.section-title-fancy .hulk-word,
.hero .hulk-word,
.final-cta .hulk-word,
summary .hulk-word,
.lead .hulk-word,
.footer-brand .hulk-word{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
  margin-inline:.18em;
  padding-inline:.02em;
  background:linear-gradient(135deg,var(--gold-cream) 0%, #f4dc87 16%, var(--gold-main) 36%, #ffe89a 56%, #d9aa31 76%, var(--gold-cream) 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 20px rgba(230,195,82,.10),0 0 34px rgba(230,195,82,.06);
  animation:hulkGoldenMagic 6.5s ease-in-out infinite;
}
@keyframes hulkGoldenMagic{
  0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 0 rgba(230,195,82,0))}
  50%{background-position:100% 50%;filter:drop-shadow(0 0 10px rgba(230,195,82,.16))}
}
.section-head h2,
section h2{
  color:#fbf7ea;
}
.section-head p,
.style-eleven-head p,
.final-cta p,
.faq-wrap p,
.step-card p,
.feature-card p,
.device-card p,
.eleven-desc{
  color:rgba(246,240,224,.80);
}
.section-title-fancy{
  max-width:100%;
  line-height:1.22;
}
.section-title-label{
  gap:0;
}
.section-title-icon{
  position:relative;
  flex:0 0 50px;
  overflow:hidden;
}
.section-title-icon::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 0deg, transparent 0deg, rgba(255,255,255,.68) 42deg, transparent 78deg, transparent 360deg);
  animation:goldIconSweep 4.8s linear infinite;
  opacity:.7;
}
.section-title-icon::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03));
}
.section-title-icon svg{
  position:relative;
  z-index:2;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.2));
}
@keyframes goldIconSweep{to{transform:rotate(360deg)}}
.section-head:hover .section-title-icon,
.style-eleven-shell:hover .section-title-icon,
.final-cta:hover .section-title-icon{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 14px 34px rgba(230,195,82,.24),0 0 18px rgba(230,195,82,.14), inset 0 1px 0 rgba(255,255,255,.5);
}
.card,
.feature-card,
.device-card,
.step-card,
.price-card,
.eleven-card,
summary{
  border-color:rgba(230,195,82,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 16px 34px rgba(0,0,0,.18);
}
.card:hover,
.feature-card:hover,
.device-card:hover,
.step-card:hover,
.price-card:hover,
.eleven-card:hover,
summary:hover{
  border-color:rgba(255,230,145,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 22px 40px rgba(0,0,0,.22), 0 0 20px rgba(230,195,82,.08);
}
.eleven-card::after,
.price-card::after,
.feature-card::after,
.device-card::after,
.step-card::after{
  content:"";
  position:absolute;
  inset:auto 20% 8px;
  height:38px;
  background:radial-gradient(circle, rgba(230,195,82,.11), transparent 72%);
  filter:blur(18px);
  pointer-events:none;
  opacity:.8;
}
.style-eleven-badge,
.top-actions .icon-btn:hover,
.btn,
.btn-primary,
.btn-hero,
.btn-subtle-gold{
  box-shadow:0 12px 28px rgba(230,195,82,.16), inset 0 1px 0 rgba(255,255,255,.36);
}
@media (max-width: 640px){
  .section-title-fancy{gap:10px}
  .section-title-icon{width:42px;height:42px;flex-basis:42px;border-radius:14px}
  .section-title-icon::after{border-radius:13px}
  .section-title-icon svg{width:20px;height:20px}
}
@media (prefers-reduced-motion: reduce){
  .section-title-icon::before,
  .hulk-word{animation:none !important}
}
.section-title-fancy{
  direction:ltr;
  flex-wrap:nowrap;
}
.section-title-label{
  direction:rtl;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
.style-eleven-head{
  gap:18px;
}
.style-eleven-head .section-title-fancy{
  margin-top:4px;
}
.style-eleven-head p,
.style-eleven-head .style-eleven-badge{
  display:none !important;
}
.section-title-icon{
  margin:0;
  transform:none;
}
.section-head h2,
.final-cta h2{
  margin-inline:auto;
}
@media (max-width: 640px){
  .section-title-fancy{gap:10px}
  .section-title-label{line-height:1.28}
}
.style-eleven-head{
  display:flex;
  justify-content:center;
  margin-bottom:20px;
}
.style-eleven-head .section-title-fancy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:12px;
  font-size:clamp(18px,5vw,30px);
  line-height:1.2;
  text-align:center;
  margin:0 auto;
}
.style-eleven-head .section-title-label{
  white-space:nowrap;
  flex-wrap:nowrap;
  line-height:1.2;
}
.style-eleven-head .section-title-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:14px;
}
@media (max-width: 640px){
  .style-eleven-head .section-title-fancy{
    font-size:clamp(16px,4.9vw,24px);
    gap:10px;
  }
  .style-eleven-head .section-title-icon{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
}


.section-title-fancy,
.section-title-fancy .section-title-label{
  font-size: clamp(22px, 2.8vw, 34px);
}

@media (max-width: 768px){
  .section-title-fancy,
  .section-title-fancy .section-title-label{
    font-size: clamp(20px, 3.9vw, 28px);
  }
}

@media (max-width: 560px){
  .section-title-fancy{
    gap:10px;
    justify-content:center;
  }

  .section-title-fancy,
  .section-title-fancy .section-title-label{
    font-size: clamp(17px, 4.2vw, 22px);
  }

  .section-title-label{
    white-space: nowrap;
  }

  .section-title-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:14px;
  }

  .section-title-icon svg{
    width:18px;
    height:18px;
  }
}
.style-eleven-grid{gap:14px}
.eleven-card{
  min-height:176px;
  padding:16px 12px 15px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.026)),
    radial-gradient(circle at 50% 0%, rgba(235,198,86,.055), transparent 62%);
  border:1px solid rgba(230,195,82,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(255,255,255,.02),
    0 18px 34px rgba(0,0,0,.16),
    0 0 0 1px rgba(255,241,179,.025);
}
.eleven-card::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:24px;
  border:1px solid rgba(255,239,176,.07);
  pointer-events:none;
}
.eleven-card:hover{
  transform:translateY(-4px) scale(1.01);
  border-color:rgba(255,232,146,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 22px 42px rgba(0,0,0,.22),
    0 0 26px rgba(230,195,82,.08);
}
.eleven-logo-box{
  width:min(100%,144px);
  min-height:72px;
  padding:10px 12px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.82) 58%, rgba(255,255,255,.66) 100%);
  border:1px solid rgba(255,240,168,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(255,255,255,.18),
    0 10px 22px rgba(0,0,0,.10);
}
.eleven-name{font-size:14.5px}
.eleven-desc{font-size:12px; color:rgba(255,249,232,.72)}
.eleven-logo.logo-fit-disney{width:88%;max-width:270px;filter:drop-shadow(0 8px 20px rgba(7,23,76,.16));}
@media(max-width:560px){
  .style-eleven-grid{gap:11px}
  .eleven-card{min-height:160px;padding:13px 9px 12px;border-radius:24px}
  .eleven-card::before{inset:7px;border-radius:19px}
  .eleven-logo-box{width:min(100%,128px);min-height:60px;border-radius:18px;padding:8px 10px}
  .eleven-name{font-size:13px}
  .eleven-desc{font-size:11.3px}
}
html.light-mode .eleven-card::before{border-color:rgba(143,111,33,.08)}
html.light-mode .eleven-desc{color:rgba(23,21,11,.64)}
.cinematic-hulk-hero{
  isolation:isolate;
}
.cinematic-hulk-hero::before{
  background:
    radial-gradient(circle at 16% 16%, rgba(230,195,82,.24), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(255,244,186,.12), transparent 26%),
    radial-gradient(circle at 50% 96%, rgba(230,195,82,.09), transparent 34%);
}
.cinematic-hulk-hero .visual{
  animation: cinematicFloat 7s ease-in-out infinite;
}
@keyframes cinematicFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.012)}
}
.cinematic-mini-ad{
  width:fit-content;
  max-width:100%;
  margin:0 auto 16px;
  padding:8px 14px 8px 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:rgba(255,249,232,.88);
  font-size:clamp(13px,1.65vw,16px);
  line-height:1.45;
  font-weight:850;
  background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(230,195,82,.075));
  border:1px solid rgba(230,195,82,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 12px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.cinematic-mini-icon{
  min-width:42px;
  min-height:30px;
  padding:0 9px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#151106;
  font-family:Arial, sans-serif;
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
  background:linear-gradient(135deg, #fff5bf, #e6c352 58%, #b98a22);
  box-shadow:0 8px 18px rgba(230,195,82,.16), inset 0 1px 0 rgba(255,255,255,.42);
}
.section-jump-buttons{
  flex-wrap:wrap;
  justify-content:center;
}
.section-jump-buttons a{
  font-size:clamp(13px,1.55vw,15px);
  font-weight:850;
}
.section-jump-buttons a:hover{
  transform:translateY(-2px);
  color:var(--gold-2);
  border-color:rgba(255,232,146,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 14px 30px rgba(0,0,0,.17), 0 0 20px rgba(230,195,82,.08);
}
.section-jump-buttons a:hover::before{
  transform:translateX(520%) rotate(18deg);
}
@media (max-width:560px){
  .cinematic-mini-ad{
    margin-bottom:14px;
    padding:7px 11px 7px 8px;
    gap:7px;
    font-size:12.6px;
  }
  .cinematic-mini-icon{
    min-width:38px;
    min-height:28px;
    font-size:12px;
  }
  .section-jump-buttons{
    gap:8px;
    margin-bottom:20px;
  }
  .section-jump-buttons a{
    min-height:38px;
    padding:0 12px;
    font-size:12.4px;
  }
}
@media (prefers-reduced-motion: reduce){
  .cinematic-hulk-hero .visual{animation:none !important}
  .section-jump-buttons a,
  .section-jump-buttons a::before{transition:none !important}
}
.cinematic-mini-ad{
  direction:ltr;
}
.cinematic-mini-ad > span:not(.cinematic-mini-icon){
  direction:rtl;
  unicode-bidi:isolate;
  text-align:right;
}
.theme-toggle {
  position: relative;
  display: inline-grid;
  place-items: center;
}

.theme-toggle .theme-icon {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .22s ease, opacity .22s ease;
}

.theme-toggle:hover .theme-icon {
  transform: scale(1.06) rotate(-4deg);
}

.theme-toggle .theme-moon { display: none; }
html.light-mode .theme-toggle .theme-sun { display: none; }
html.light-mode .theme-toggle .theme-moon { display: block; }

.theme-toggle .theme-night path:nth-child(n+2) {
  fill: currentColor;
  stroke: none;
}
html:not(.light-mode) {
  color-scheme: dark;
}

html:not(.light-mode) body {
  color: var(--text);
}

html:not(.light-mode) .top-logo-center,
html:not(.light-mode) .brand-frame {
  background: linear-gradient(145deg, rgba(255,245,186,.10), rgba(230,195,82,.08));
  border-color: rgba(230,195,82,.30);
  box-shadow: 0 16px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
}

html:not(.light-mode) .top-logo-center img,
html:not(.light-mode) .brand-frame img,
html:not(.light-mode) .visual img,
html:not(.light-mode) .eleven-logo {
  filter: none;
}
html.light-mode {
  color-scheme: light;
  --text: #181407;
  --muted: rgba(24,20,7,.72);
  --panel: rgba(255,255,255,.78);
  --panel-2: rgba(255,248,221,.72);
  --line: rgba(130,96,18,.22);
  --shadow: 0 22px 58px rgba(76,55,10,.13);
  --glow: 0 0 34px rgba(190,145,32,.15);
}

html.light-mode body {
  color: var(--text);
  background:
    radial-gradient(circle at 16% 7%, rgba(230,195,82,.26), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(255,232,150,.24), transparent 25%),
    radial-gradient(circle at 52% 92%, rgba(142,114,40,.13), transparent 31%),
    linear-gradient(180deg, #fff9df 0%, #f8efc9 48%, #f3e3a7 100%);
}

html.light-mode body::before {
  background-image:
    linear-gradient(rgba(118,90,18,.050) 1px, transparent 1px),
    linear-gradient(90deg, rgba(118,90,18,.050) 1px, transparent 1px);
  opacity: .86;
}

html.light-mode body::after {
  opacity: .20;
}
html.light-mode .nav,
html.light-mode .nav.is-compact {
  background: linear-gradient(180deg, rgba(255,249,221,.94), rgba(255,249,221,.78));
  border-bottom-color: rgba(130,96,18,.18);
  box-shadow: 0 12px 34px rgba(76,55,10,.10);
}

html.light-mode .top-logo-center,
html.light-mode .brand-frame {
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,242,194,.42));
  border-color: rgba(130,96,18,.20);
  box-shadow: 0 14px 30px rgba(76,55,10,.12), inset 0 1px 0 rgba(255,255,255,.80);
}

html.light-mode .top-logo-center img,
html.light-mode .brand-frame img,
html.light-mode .visual img,
html.light-mode .eleven-logo {
  filter: none !important;
}

html.light-mode .top-action,
html.light-mode .nav-store-btn,
html.light-mode .theme-toggle {
  color: #181407 !important;
  background: rgba(255,255,255,.62);
  border-color: rgba(130,96,18,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 10px 24px rgba(76,55,10,.08);
}

html.light-mode .top-action:hover,
html.light-mode .nav-store-btn:hover,
html.light-mode .theme-toggle:hover {
  background: rgba(255,255,255,.84);
  border-color: rgba(130,96,18,.34);
}
html.light-mode .hero-shell,
html.light-mode .final-cta,
html.light-mode .card,
html.light-mode .quick-card,
html.light-mode .price-card,
html.light-mode .feature-card,
html.light-mode .device-card,
html.light-mode .step-card,
html.light-mode .style-eleven-shell,
html.light-mode details {
  color: #181407 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(230,195,82,.13), transparent 39%),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,248,219,.70)) !important;
  border-color: rgba(130,96,18,.22) !important;
  box-shadow: 0 18px 42px rgba(76,55,10,.105), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

html.light-mode .price-card.featured {
  background:
    radial-gradient(circle at 50% 0%, rgba(230,195,82,.20), transparent 43%),
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,244,203,.74)) !important;
  border-color: rgba(130,96,18,.30) !important;
}
html.light-mode .lead,
html.light-mode .section-head p,
html.light-mode .card p,
html.light-mode .feature-card p,
html.light-mode .device-card p,
html.light-mode .step-card p,
html.light-mode details p,
html.light-mode .faq-answer,
html.light-mode .eleven-desc,
html.light-mode .footer,
html.light-mode .premium-footer,
html.light-mode .plan-note,
html.light-mode .final-cta p {
  color: rgba(24,20,7,.72) !important;
  text-shadow: none !important;
}

html.light-mode h1,
html.light-mode h2,
html.light-mode h3,
html.light-mode summary,
html.light-mode .faq-question-text,
html.light-mode .section-title-label,
html.light-mode .section-title-fancy,
html.light-mode .duration,
html.light-mode .quick-label,
html.light-mode .device-label,
html.light-mode .eleven-name {
  color: #181407 !important;
  text-shadow: none !important;
}

html.light-mode .price,
html.light-mode .price small,
html.light-mode .gold-text {
  color: #79580d !important;
  text-shadow: none !important;
}
html.light-mode .hulk-word {
  background: linear-gradient(135deg, #7f5a09 0%, #c49322 28%, #6f4e07 55%, #b37d15 78%, #7f5a09 100%) !important;
  background-size: 220% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}
html.light-mode .section-title-icon {
  color: #171208 !important;
  background: linear-gradient(145deg, var(--gold-cream), var(--gold-main)) !important;
  border-color: rgba(130,96,18,.20) !important;
  box-shadow: 0 10px 24px rgba(130,96,18,.14), inset 0 1px 0 rgba(255,255,255,.46) !important;
}

html.light-mode .section-title-icon svg {
  stroke: currentColor !important;
  fill: none !important;
}
html.light-mode .btn-outline,
html.light-mode .section-jump-buttons a,
html.light-mode .cinematic-mini-ad {
  color: #181407 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,246,214,.64)) !important;
  border-color: rgba(130,96,18,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 10px 22px rgba(76,55,10,.08) !important;
}

html.light-mode .section-jump-buttons a:hover,
html.light-mode .btn-outline:hover {
  color: #181407 !important;
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(130,96,18,.34) !important;
}

html.light-mode .cinematic-mini-icon,
html.light-mode .btn-primary,
html.light-mode .trial-main-btn,
html.light-mode .small-btn,
html.light-mode .final-cta .btn,

html.light-mode .mini-cta {
  color: #111006 !important;
  background: linear-gradient(135deg, #fff5b8, #e4bd42 58%, #bd8e24) !important;
  border-color: rgba(130,96,18,.18) !important;
}
html.light-mode .eleven-card {
  color: #181407 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,248,224,.76)) !important;
  border-color: rgba(130,96,18,.16) !important;
  box-shadow: 0 14px 28px rgba(76,55,10,.08), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

html.light-mode .eleven-logo-box {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(130,96,18,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 20px rgba(76,55,10,.06) !important;
}
html.light-mode details[open],
html.light-mode details:hover {
  background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,248,219,.74)) !important;
  border-color: rgba(130,96,18,.26) !important;
}

html.light-mode summary::after {
  color: #79580d !important;
}
html.light-mode .gold-wa-btn {
  color: #111006 !important;
  background: linear-gradient(135deg, #fff5b8, #e4bd42 58%, #bd8e24) !important;
}

html.light-mode .left-floating-actions svg,
html.light-mode .gold-wa-btn svg {
  fill: currentColor;
}
@media (max-width: 560px) {
  html.light-mode .hero-shell,
  html.light-mode .final-cta,
  html.light-mode .style-eleven-shell,
  html.light-mode .price-card,
  html.light-mode .feature-card,
  html.light-mode .device-card,
  html.light-mode .step-card,
  html.light-mode details {
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,248,219,.74)) !important;
  }

  html.light-mode .section-jump-buttons a {
    color: #181407 !important;
    background: rgba(255,255,255,.76) !important;
  }

  .theme-toggle .theme-icon {
    width: 18px;
    height: 18px;
  }
}

.faq details,
details {
  overflow: hidden !important;
  transition:
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    transform .28s ease !important;
}

.faq details:hover,
details:hover {
  transform: translateY(-2px);
}

.faq summary,
details summary {
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.faq details[open],
details[open] {
  transform: translateY(-2px);
}

.faq-answer {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 0 !important;
  padding: 0 26px !important;
  color: #d6ad3f !important;
  line-height: 1.95;
  transform: translateY(-8px);
  transition:
    max-height .34s ease,
    opacity .24s ease,
    transform .28s ease,
    padding .28s ease !important;
}

details[open] .faq-answer {
  max-height: 260px;
  opacity: 1;
  transform: translateY(0);
  padding: 0 26px 24px !important;
}

html.light-mode .faq-answer,
html.light-mode details p.faq-answer,
html.light-mode details[open] .faq-answer {
  color: #8a650d !important;
  text-shadow: none !important;
}

html:not(.light-mode) .faq-answer,
html:not(.light-mode) details p.faq-answer,
html:not(.light-mode) details[open] .faq-answer {
  color: #e6c352 !important;
  text-shadow: 0 0 18px rgba(230,195,82,.12) !important;
}

html.light-mode details[open],
html.light-mode .faq details[open] {
  background:
    radial-gradient(circle at 18% 0%, rgba(230,195,82,.13), transparent 40%),
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,248,219,.74)) !important;
}

html:not(.light-mode) details[open],
html:not(.light-mode) .faq details[open] {
  background:
    radial-gradient(circle at 18% 0%, rgba(230,195,82,.10), transparent 42%),
    linear-gradient(145deg, rgba(13,13,10,.78), rgba(31,24,10,.58)) !important;
}

html.light-mode summary::after,
html:not(.light-mode) summary::after {
  transition: transform .28s ease, color .22s ease !important;
}

.trial-main-btn,

.final-cta {
  position: relative;
  z-index: 5;
}

@media (max-width: 560px) {
  .faq-answer {
    padding: 0 20px !important;
    line-height: 1.9;
  }

  details[open] .faq-answer {
    max-height: 320px;
    padding: 0 20px 22px !important;
  }
}
html.light-mode .feature-card h3,
html.light-mode .step-card h3,
html.light-mode .device-card h3,
html.light-mode .quick-card h3,
html.light-mode .price-card h3,
html.light-mode .card h3,
html.light-mode .duration,
html.light-mode .quick-label,
html.light-mode .device-label,
html.light-mode .eleven-name,
html.light-mode .faq-question-text,
html.light-mode details summary,
html.light-mode .section-title-label,
html.light-mode .section-title-fancy {
  color: #141106 !important;
  -webkit-text-fill-color: #141106 !important;
  text-shadow: none !important;
}

html.light-mode .feature-card p,
html.light-mode .step-card p,
html.light-mode .device-card p,
html.light-mode .quick-card p,
html.light-mode .price-card p,
html.light-mode .card p,
html.light-mode .plan-note,
html.light-mode .eleven-desc,
html.light-mode details > p,
html.light-mode details[open] > p,
html.light-mode .faq-answer,
html.light-mode details .faq-answer,
html.light-mode details[open] .faq-answer,
html.light-mode .faq details > p,
html.light-mode .faq details[open] > p,
html.light-mode .final-cta p {
  color: #9a720f !important;
  -webkit-text-fill-color: #9a720f !important;
  text-shadow: none !important;
}
html:not(.light-mode) .feature-card h3,
html:not(.light-mode) .step-card h3,
html:not(.light-mode) .device-card h3,
html:not(.light-mode) .quick-card h3,
html:not(.light-mode) .price-card h3,
html:not(.light-mode) .card h3,
html:not(.light-mode) .duration,
html:not(.light-mode) .quick-label,
html:not(.light-mode) .device-label,
html:not(.light-mode) .eleven-name,
html:not(.light-mode) .faq-question-text,
html:not(.light-mode) details summary,
html:not(.light-mode) .section-title-label,
html:not(.light-mode) .section-title-fancy {
  color: #fff7df !important;
  -webkit-text-fill-color: #fff7df !important;
  text-shadow: 0 0 18px rgba(230,195,82,.08) !important;
}

html:not(.light-mode) .feature-card p,
html:not(.light-mode) .step-card p,
html:not(.light-mode) .device-card p,
html:not(.light-mode) .quick-card p,
html:not(.light-mode) .price-card p,
html:not(.light-mode) .card p,
html:not(.light-mode) .plan-note,
html:not(.light-mode) .eleven-desc,
html:not(.light-mode) details > p,
html:not(.light-mode) details[open] > p,
html:not(.light-mode) .faq-answer,
html:not(.light-mode) details .faq-answer,
html:not(.light-mode) details[open] .faq-answer,
html:not(.light-mode) .faq details > p,
html:not(.light-mode) .faq details[open] > p,
html:not(.light-mode) .final-cta p {
  color: #e6c352 !important;
  -webkit-text-fill-color: #e6c352 !important;
  text-shadow: 0 0 16px rgba(230,195,82,.10) !important;
}

details summary {
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: color .22s ease, background .22s ease !important;
}

details > p,
.faq-answer {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 0 !important;
  padding: 0 26px !important;
  line-height: 1.95;
  transform: translateY(-8px);
  transition:
    max-height .34s ease,
    opacity .24s ease,
    transform .28s ease,
    padding .28s ease !important;
}
html.light-mode .price,
html.light-mode .price small {
  color: #9a720f !important;
  -webkit-text-fill-color: #9a720f !important;
}

html:not(.light-mode) .price,
html:not(.light-mode) .price small {
  color: #e6c352 !important;
  -webkit-text-fill-color: #e6c352 !important;
}
html.light-mode .section-title-icon,
html.light-mode .price-icon,
html.light-mode .feature-icon,
html.light-mode .device-icon,
html.light-mode .quick-icon,
html.light-mode .step-icon-wrap {
  color: #141106 !important;
}

html:not(.light-mode) .section-title-icon,
html:not(.light-mode) .price-icon,
html:not(.light-mode) .feature-icon,
html:not(.light-mode) .device-icon,
html:not(.light-mode) .quick-icon,
html:not(.light-mode) .step-icon-wrap {
  color: #111006 !important;
}
html:not(.light-mode) .price-icon,
html:not(.light-mode) .feature-icon,
html:not(.light-mode) .device-icon,
html:not(.light-mode) .quick-icon,
html:not(.light-mode) .step-icon-wrap {
  color: #f1d36b !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,246,186,.18), transparent 42%),
    linear-gradient(145deg, rgba(230,195,82,.16), rgba(230,195,82,.065)) !important;
  border-color: rgba(230,195,82,.34) !important;
  box-shadow:
    0 0 0 1px rgba(230,195,82,.08),
    0 16px 34px rgba(0,0,0,.24),
    0 0 28px rgba(230,195,82,.10),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html:not(.light-mode) .price-icon svg,
html:not(.light-mode) .feature-icon svg,
html:not(.light-mode) .device-icon svg,
html:not(.light-mode) .quick-icon svg,
html:not(.light-mode) .step-icon-wrap svg {
  color: #f1d36b !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 0 10px rgba(230,195,82,.22)) !important;
  opacity: 1 !important;
}

html:not(.light-mode) .price-icon svg *,
html:not(.light-mode) .feature-icon svg *,
html:not(.light-mode) .device-icon svg *,
html:not(.light-mode) .quick-icon svg *,
html:not(.light-mode) .step-icon-wrap svg * {
  stroke: currentColor !important;
  opacity: 1 !important;
}

html:not(.light-mode) .section-title-icon svg {
  color: #111006 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
}
html.light-mode .price-icon,
html.light-mode .feature-icon,
html.light-mode .device-icon,
html.light-mode .quick-icon,
html.light-mode .step-icon-wrap {
  color: #8a650d !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.36), transparent 44%),
    linear-gradient(145deg, rgba(230,195,82,.20), rgba(230,195,82,.09)) !important;
  border-color: rgba(138,101,13,.24) !important;
  box-shadow:
    0 12px 26px rgba(76,55,10,.08),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
}

html.light-mode .price-icon svg,
html.light-mode .feature-icon svg,
html.light-mode .device-icon svg,
html.light-mode .quick-icon svg,
html.light-mode .step-icon-wrap svg {
  color: #8a650d !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
@keyframes hulkFaqReveal {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(.985);
    filter: blur(7px);
  }
  65% {
    opacity: 1;
    transform: translateY(2px) scale(1.005);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
.final-cta,
.trial-main-btn,

.gold-wa-btn,
.left-floating-actions {
  position: relative;
  z-index: 10;
}

@media (max-width: 560px) {
  details > p,
  details .faq-answer {
    margin: 0 16px !important;
    padding: 0 18px !important;
    border-radius: 20px;
    line-height: 1.9;
  }

  details[open] > p,
  details[open] .faq-answer {
    max-height: 440px;
    margin: 0 16px 18px !important;
    padding: 18px 18px 20px !important;
  }
}
.left-floating-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  pointer-events: auto !important;
  animation: floatingStackMove 3s ease-in-out infinite !important;
}

.gold-wa-btn {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #090805 !important;
  -webkit-text-fill-color: #090805 !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.55), transparent 34%),
    linear-gradient(135deg, #fff6bd 0%, #e3bd43 55%, #b98a22 100%) !important;
  border: 1px solid rgba(255,240,168,.62) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.42),
    0 0 36px rgba(230,195,82,.28),
    inset 0 1px 0 rgba(255,255,255,.54) !important;
}

.gold-wa-btn svg {
  color: #090805 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
  filter: none !important;
}
.step-icon-wrap {
  width: auto !important;
  height: auto !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html:not(.light-mode) .quick-icon,
html:not(.light-mode) .price-icon,
html:not(.light-mode) .feature-icon,
html:not(.light-mode) .device-icon,
html:not(.light-mode) .step-icon {
  color: #111006 !important;
  -webkit-text-fill-color: #111006 !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.62), transparent 38%),
    linear-gradient(145deg, #fff4b2 0%, #e8c64f 52%, #b88a22 100%) !important;
  border: 1px solid rgba(255,238,154,.50) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 34px rgba(230,195,82,.18),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
  opacity: 1 !important;
}

html:not(.light-mode) .quick-icon svg,
html:not(.light-mode) .price-icon svg,
html:not(.light-mode) .feature-icon svg,
html:not(.light-mode) .device-icon svg,
html:not(.light-mode) .step-icon svg {
  color: #111006 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
  filter: none !important;
}

html:not(.light-mode) .quick-icon svg *,
html:not(.light-mode) .price-icon svg *,
html:not(.light-mode) .feature-icon svg *,
html:not(.light-mode) .step-icon svg * {
  stroke: currentColor !important;
  opacity: 1 !important;
}

html:not(.light-mode) .feature-icon svg text {
  fill: currentColor !important;
  stroke: none !important;
  opacity: 1 !important;
}
html:not(.light-mode) .device-icon svg * {
  stroke: currentColor !important;
  opacity: 1 !important;
}

html:not(.light-mode) .device-icon svg.fill-icon,
html:not(.light-mode) .device-icon svg.apple-mark,
html:not(.light-mode) .device-icon svg.fill-icon *,
html:not(.light-mode) .device-icon svg.apple-mark * {
  fill: currentColor !important;
  stroke: none !important;
  opacity: 1 !important;
}
html:not(.light-mode) .section-title-icon {
  -webkit-text-fill-color: #111006 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.28),
    0 0 36px rgba(230,195,82,.20),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
}

html:not(.light-mode) .section-title-icon svg,
html:not(.light-mode) .section-title-icon svg * {
  color: #111006 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
}

html:not(.light-mode) .section-title-icon svg [fill],
html:not(.light-mode) .section-title-icon svg path[fill] {
  fill: currentColor !important;
  stroke: none !important;
}
html.light-mode .quick-icon,
html.light-mode .price-icon,
html.light-mode .feature-icon,
html.light-mode .device-icon,
html.light-mode .step-icon,
html.light-mode .section-title-icon {
  color: #171208 !important;
  -webkit-text-fill-color: #171208 !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.64), transparent 38%),
    linear-gradient(145deg, #fff3b4 0%, #e4bd42 56%, #bd8e24 100%) !important;
  border-color: rgba(138,101,13,.26) !important;
  box-shadow:
    0 14px 30px rgba(76,55,10,.12),
    0 0 24px rgba(230,195,82,.13),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

html.light-mode .quick-icon svg,
html.light-mode .price-icon svg,
html.light-mode .feature-icon svg,
html.light-mode .device-icon svg,
html.light-mode .step-icon svg,
html.light-mode .section-title-icon svg {
  color: #171208 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
  filter: none !important;
}

html.light-mode .feature-icon svg text {
  fill: currentColor !important;
  stroke: none !important;
}

html.light-mode .device-icon svg.fill-icon,
html.light-mode .device-icon svg.apple-mark,
html.light-mode .device-icon svg.fill-icon *,
html.light-mode .device-icon svg.apple-mark * {
  fill: currentColor !important;
  stroke: none !important;
  opacity: 1 !important;
}

html.light-mode .section-title-icon svg [fill],
html.light-mode .section-title-icon svg path[fill] {
  fill: currentColor !important;
  stroke: none !important;
}
.step-icon {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  margin: 0 auto 12px !important;
  border-radius: 24px !important;
  padding: 0 !important;
}

.step-icon svg {
  width: 32px !important;
  height: 32px !important;
  stroke-width: 1.9 !important;
}
@keyframes hulkFaqGoldRevealFinal {
  0% {
    opacity: 0;
    transform: translateY(-12px) scale(.982);
    filter: blur(8px);
  }
  62% {
    opacity: 1;
    transform: translateY(2px) scale(1.004);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

details {
  overflow: hidden !important;
}

details summary {
  position: relative !important;
  z-index: 2 !important;
}

details > p,
details .faq-answer {
  position: relative !important;
  display: block !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  margin: 0 22px !important;
  padding: 0 22px !important;
  border-radius: 24px !important;
  line-height: 1.95 !important;
  transform: translateY(-12px) scale(.982) !important;
  transition:
    max-height .44s cubic-bezier(.19,1,.22,1),
    opacity .24s ease,
    transform .34s cubic-bezier(.19,1,.22,1),
    padding .32s ease,
    margin .32s ease,
    border-color .28s ease,
    background .28s ease !important;
}

details[open] > p,
details[open] .faq-answer {
  max-height: 420px !important;
  opacity: 1 !important;
  margin: 0 22px 22px !important;
  padding: 20px 22px 22px !important;
  transform: translateY(0) scale(1) !important;
  animation: hulkFaqGoldRevealFinal .48s cubic-bezier(.19,1,.22,1) both !important;
}

html.light-mode details > p,
html.light-mode details .faq-answer {
  color: #8a650d !important;
  -webkit-text-fill-color: #8a650d !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,246,211,.66)),
    radial-gradient(circle at 18% 0%, rgba(230,195,82,.20), transparent 44%) !important;
  border: 1px solid rgba(138,101,13,.22) !important;
  box-shadow:
    0 16px 34px rgba(76,55,10,.10),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
  text-shadow: none !important;
}

html:not(.light-mode) details > p,
html:not(.light-mode) details .faq-answer {
  color: #f1d36b !important;
  -webkit-text-fill-color: #f1d36b !important;
  background:
    linear-gradient(135deg, rgba(230,195,82,.125), rgba(255,245,186,.06)),
    radial-gradient(circle at 18% 0%, rgba(230,195,82,.20), transparent 44%) !important;
  border: 1px solid rgba(230,195,82,.28) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.26),
    0 0 34px rgba(230,195,82,.10),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
  text-shadow: 0 0 14px rgba(230,195,82,.13) !important;
}

details > p::before,
details .faq-answer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(230,195,82,.78), transparent);
  opacity: .9;
}

details[open] summary::after {
  transform: rotate(180deg) !important;
}
@media (max-width: 560px) {
  .left-floating-actions {
    left: max(14px, env(safe-area-inset-left)) !important;
    bottom: max(96px, calc(env(safe-area-inset-bottom) + 96px)) !important;
  }

  .gold-wa-btn {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }

  .step-icon {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
  }

  details > p,
  details .faq-answer {
    margin: 0 16px !important;
    padding: 0 18px !important;
    border-radius: 20px !important;
    line-height: 1.9 !important;
  }

  details[open] > p,
  details[open] .faq-answer {
    max-height: 480px !important;
    margin: 0 16px 18px !important;
    padding: 18px 18px 20px !important;
  }
}
.left-floating-actions {
  position: fixed !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  bottom: max(92px, calc(env(safe-area-inset-bottom) + 92px)) !important;
  z-index: 2147483000 !important;
}

.gold-wa-btn {
  position: relative !important;
  z-index: 2147483001 !important;
}
.price-card .price-icon,
.price-card .price-icon *,
.price-icon {
  display: none !important;
}
.pricing-grid {
  gap: 22px !important;
  align-items: stretch !important;
}
.price-card {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border-radius: 34px !important;
  text-align: center !important;
  transform: translateZ(0);
}
html:not(.light-mode) .price-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(230,195,82,.16), transparent 42%),
    linear-gradient(145deg, rgba(25,23,14,.86), rgba(8,8,5,.78)) !important;
  border: 1px solid rgba(230,195,82,.24) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html.light-mode .price-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(230,195,82,.18), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,248,219,.78)) !important;
  border: 1px solid rgba(138,101,13,.22) !important;
  box-shadow:
    0 22px 54px rgba(76,55,10,.12),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}
.price-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18%;
  right: 18%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(230,195,82,.86), transparent);
  opacity: .8;
  pointer-events: none;
}
.price-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background:
    radial-gradient(circle at 50% 18%, rgba(230,195,82,.16), transparent 32%),
    linear-gradient(120deg, transparent 0 38%, rgba(255,240,168,.07) 48%, transparent 64% 100%);
  opacity: .70;
  pointer-events: none;
}
.price-card > * {
  position: relative;
  z-index: 2;
}
.price-card .duration {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 0 auto 4px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
}

html:not(.light-mode) .price-card .duration {
  color: #fff7df !important;
  background: rgba(230,195,82,.08) !important;
  border: 1px solid rgba(230,195,82,.18) !important;
  text-shadow: 0 0 18px rgba(230,195,82,.10) !important;
}

html.light-mode .price-card .duration {
  color: #141106 !important;
  background: rgba(230,195,82,.12) !important;
  border: 1px solid rgba(138,101,13,.18) !important;
  text-shadow: none !important;
}
.price-card .price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  margin: 6px auto 0 !important;
  padding: 2px 0 !important;
  font-weight: 950 !important;
  line-height: .95 !important;
  letter-spacing: -.045em !important;
}

.price-card .price small,
.price-card .price .currency,
.price-card .currency {
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html:not(.light-mode) .price-card .price,
html:not(.light-mode) .price-card .price small,
html:not(.light-mode) .price-card .currency {
  color: #e6c352 !important;
  -webkit-text-fill-color: #e6c352 !important;
  text-shadow: 0 0 26px rgba(230,195,82,.16) !important;
}

html.light-mode .price-card .price,
html.light-mode .price-card .price small,
html.light-mode .price-card .currency {
  color: #9a720f !important;
  -webkit-text-fill-color: #9a720f !important;
  text-shadow: none !important;
}
.price-card .plan-note,
.price-card p {
  max-width: 260px !important;
  margin: 0 auto !important;
  font-weight: 750 !important;
}

html:not(.light-mode) .price-card .plan-note,
html:not(.light-mode) .price-card p {
  color: rgba(255,247,223,.74) !important;
  -webkit-text-fill-color: rgba(255,247,223,.74) !important;
}

html.light-mode .price-card .plan-note,
html.light-mode .price-card p {
  color: rgba(20,17,6,.70) !important;
  -webkit-text-fill-color: rgba(20,17,6,.70) !important;
}
.price-card .small-btn,
.price-card .btn,
.price-card a {
  width: 100% !important;
  margin-top: 8px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  color: #111006 !important;
  -webkit-text-fill-color: #111006 !important;
  background:
    radial-gradient(circle at 26% 18%, rgba(255,255,255,.52), transparent 32%),
    linear-gradient(135deg, #fff3b4 0%, #e4bd42 56%, #bd8e24 100%) !important;
  border: 1px solid rgba(255,240,168,.55) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.22),
    0 0 26px rgba(230,195,82,.15),
    inset 0 1px 0 rgba(255,255,255,.50) !important;
}
.price-card:nth-child(3) {
  border-color: rgba(230,195,82,.42) !important;
}

.price-card:nth-child(3)::before {
  height: 2px;
  left: 10%;
  right: 10%;
  opacity: 1;
}

.price-card:nth-child(3) .duration::after {
  content: "الاكثر طلبا";
  display: inline-flex;
  margin-inline-start: 10px;
  border-radius: 999px;
  font-weight: 900;
  line-height: 1;
  color: #111006;
  -webkit-text-fill-color: #111006;
  background: linear-gradient(135deg, #fff2ae, #e4bd42 58%, #bd8e24);
  box-shadow: 0 8px 18px rgba(230,195,82,.18);
  vertical-align: middle;
}
@media (hover:hover) {
  .price-card {
    transition:
      transform .28s ease,
      box-shadow .28s ease,
      border-color .28s ease,
      background .28s ease !important;
  }

  .price-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(230,195,82,.40) !important;
  }

  html:not(.light-mode) .price-card:hover {
    box-shadow:
      0 30px 74px rgba(0,0,0,.40),
      0 0 42px rgba(230,195,82,.10),
      inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html.light-mode .price-card:hover {
    box-shadow:
      0 28px 68px rgba(76,55,10,.15),
      0 0 34px rgba(230,195,82,.12),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
  }
}
@media (max-width: 560px) {
  .pricing-grid {
    gap: 16px !important;
  }

  .price-card {
    min-height: 250px !important;
    padding: 24px 18px 20px !important;
    border-radius: 28px !important;
  }

  .price-card .duration {
    padding: 8px 14px !important;
  }

  .price-card:nth-child(3) .duration::after {
    margin-inline-start: 8px;
    padding: 5px 8px;
    font-size: 10px;
  }

  .price-card .small-btn,
  .price-card .btn,
  .price-card a {
    min-height: 52px !important;
  }
}

.price-card {
  min-height: 270px !important;
  padding: 26px 22px 22px !important;
}

.price-card .duration {
  font-size: clamp(17px, 3.2vw, 23px) !important;
  padding: 8px 15px !important;
}

.price-card .price {
  font-size: clamp(42px, 8vw, 66px) !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.price-card .price small,
.price-card .price .currency,
.price-card .currency {
  font-size: clamp(15px, 3vw, 21px) !important;
}

.price-card .plan-note,
.price-card p {
  font-size: clamp(13.5px, 2.8vw, 16px) !important;
  line-height: 1.65 !important;
}

.price-card .small-btn,
.price-card .btn,
.price-card a {
  min-height: 50px !important;
  font-size: clamp(14.5px, 3vw, 17px) !important;
}

.price-card:nth-child(3) .duration::after {
  font-size: 10px !important;
  padding: 4px 8px !important;
}

@media (max-width: 560px) {
  .price-card {
    min-height: 230px !important;
    padding: 22px 16px 18px !important;
  }

  .price-card .duration {
    font-size: clamp(15.5px, 4vw, 19px) !important;
  }

  .price-card .price {
    font-size: clamp(38px, 10vw, 54px) !important;
  }

  .price-card .price small,
  .price-card .price .currency,
  .price-card .currency {
    font-size: clamp(13.5px, 3.6vw, 17px) !important;
  }

  .price-card .plan-note,
  .price-card p {
    font-size: clamp(12.5px, 3.5vw, 14.5px) !important;
  }

  .price-card .small-btn,
  .price-card .btn,
  .price-card a {
    min-height: 48px !important;
    font-size: clamp(14px, 3.7vw, 16px) !important;
  }
}
.content-style-eleven .eleven-logo-box::before{text-indent:-9999px !important;background-repeat:no-repeat !important;background-position:center !important;background-size:34px 34px !important;}
.content-style-eleven .eleven-netflix .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M7%205v14M17%205v14M3%209h4M17%209h4M3%2015h4M17%2015h4%27%2F%3E%3C%2Fsvg%3E") !important;}
.content-style-eleven .eleven-osn .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%208h18v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8Z%27%2F%3E%3Cpath%20d%3D%27M3%208l3-4h4l-3%204M10%208l3-4h4l-3%204M17%208l3-4%27%2F%3E%3C%2Fsvg%3E") !important;}
.content-style-eleven .eleven-disney .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%2010a3%203%200%201%200%200-6%203%203%200%200%200%200%206Z%27%2F%3E%3Cpath%20d%3D%27M16%2011a2.5%202.5%200%201%200%200-5%202.5%202.5%200%200%200%200%205Z%27%2F%3E%3Cpath%20d%3D%27M3.5%2019.5a4.5%204.5%200%200%201%209%200%27%2F%3E%3Cpath%20d%3D%27M12.5%2019.5a3.5%203.5%200%200%201%207%200%27%2F%3E%3C%2Fsvg%3E") !important;}
.content-style-eleven .eleven-mbc .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.5%27%2F%3E%3Cpath%20d%3D%27M3.8%2012h16.4M12%203.5c2.2%202.2%203.5%205.2%203.5%208.5S14.2%2018.3%2012%2020.5M12%203.5c-2.2%202.2-3.5%205.2-3.5%208.5S9.8%2018.3%2012%2020.5%27%2F%3E%3C%2Fsvg%3E") !important;}
.content-style-eleven .eleven-bein .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.5%27%2F%3E%3Cpath%20d%3D%27M12%203.5%209.7%207l-4%201%202%203.4-.3%204.3%204.6-.8%204.6.8-.3-4.3%202-3.4-4-1L12%203.5Z%27%2F%3E%3C%2Fsvg%3E") !important;}
.content-style-eleven .eleven-starz .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273.5%27%20y%3D%275.5%27%20width%3D%2717%27%20height%3D%2713%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M10%209.2%2015.2%2012%2010%2014.8Z%27%2F%3E%3Cpath%20d%3D%27M8%2020.5h8%27%2F%3E%3C%2Fsvg%3E") !important;}
.content-style-eleven .eleven-prime .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.5%27%2F%3E%3Cpath%20d%3D%27M12%203.5v17M3.5%2012h17%27%2F%3E%3Cpath%20d%3D%27M6.5%206.8c1.6%201.2%203.5%201.8%205.5%201.8s3.9-.6%205.5-1.8M6.5%2017.2c1.6-1.2%203.5-1.8%205.5-1.8s3.9.6%205.5%201.8%27%2F%3E%3C%2Fsvg%3E") !important;}
.content-style-eleven .eleven-apple .eleven-logo-box::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23231b09%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.8%2014.3%208l4.7.7-3.4%203.3.8%204.7-4.4-2.3-4.4%202.3.8-4.7-3.4-3.3%204.7-.7L12%203.8Z%27%2F%3E%3C%2Fsvg%3E") !important;}
.final-cta-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.final-cta-actions .btn{width:min(100%,330px) !important;min-height:66px !important;margin:0 !important;}
@media (max-width:640px){.content-style-eleven .eleven-logo-box::before{background-size:30px 30px !important;}.final-cta-actions{gap:10px;}.final-cta-actions .btn{width:min(100%,280px) !important;min-height:58px !important;}}
html,
body{
  overflow-x:hidden !important;
  max-width:100% !important;
}

.section-jump-buttons{
  box-sizing:border-box !important;
  isolation:isolate !important;
}

.section-jump-buttons::after{
  inset:0 !important;
  z-index:-1 !important;
}

.section-jump-buttons a{
  box-sizing:border-box !important;
}

.section-jump-buttons a::after{
  border:1px solid rgba(255,255,255,.40) !important;
  box-shadow:inset 0 0 24px rgba(255,229,148,.085) !important;
}

.section-jump-buttons .cat-icon{
  grid-row:1 / span 2 !important;
  border:1px solid rgba(181,145,48,.22) !important;
}

.section-jump-buttons .cat-icon svg{
  display:block !important;
}

.section-jump-buttons .cat-title{
  position:relative !important;
  z-index:2 !important;
}

.section-jump-buttons .cat-desc{
  position:relative !important;
  z-index:2 !important;
}

html:not(.light-mode) .section-jump-buttons a:hover,
html:not(.light-mode) .section-jump-buttons a:focus-visible{
  background:
    linear-gradient(180deg, rgba(48,41,22,.98), rgba(23,20,13,.98)),
    radial-gradient(circle at 12% 0%, rgba(238,199,92,.18), transparent 56%) !important;
}

html:not(.light-mode) .section-jump-buttons .cat-icon{
  border-color:rgba(223,186,90,.20) !important;
}
@media (max-width:980px){
  .section-jump-buttons{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:680px){
  .section-jump-buttons{
    width:min(100%, calc(100% - 20px)) !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
    padding:38px 12px 12px !important;
    margin:18px auto 36px !important;
    border-radius:28px !important;
  }

  .section-jump-buttons::before{
    top:10px !important;
    right:14px !important;
    font-size:13px !important;
    padding:8px 13px !important;
  }

  .section-jump-buttons a{
    min-height:108px !important;
    grid-template-columns:46px 1fr !important;
    column-gap:11px !important;
    row-gap:6px !important;
    border-radius:22px !important;
    padding:16px 12px 14px !important;
  }

  .section-jump-buttons .cat-icon{
    width:46px !important;
    height:46px !important;
    border-radius:17px !important;
  }

  .section-jump-buttons .cat-icon svg{
    width:22px !important;
    height:22px !important;
  }

  .section-jump-buttons .cat-title{
    font-size:20px !important;
    padding-inline-end:24px !important;
    line-height:1.05 !important;
  }

  .section-jump-buttons .cat-desc{
    font-size:11.5px !important;
    line-height:1.45 !important;
    padding-inline-end:24px !important;
  }

  .section-jump-buttons .cat-arrow{
    width:26px !important;
    height:26px !important;
    top:12px !important;
    left:12px !important;
    font-size:12px !important;
  }
}

@media (max-width:430px){
  .section-jump-buttons{
    gap:10px !important;
  }

  .section-jump-buttons a{
    min-height:100px !important;
    padding:14px 10px 12px !important;
    grid-template-columns:42px 1fr !important;
    column-gap:10px !important;
  }

  .section-jump-buttons .cat-icon{
    width:42px !important;
    height:42px !important;
    border-radius:15px !important;
  }

  .section-jump-buttons .cat-icon svg{
    width:20px !important;
    height:20px !important;
  }

  .section-jump-buttons .cat-title{
    font-size:18px !important;
  }

  .section-jump-buttons .cat-desc{
    font-size:10.5px !important;
    line-height:1.35 !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .section-jump-buttons a,
  .section-jump-buttons a::before,
  .section-jump-buttons .cat-arrow{
    transition:none !important;
  }
}


@keyframes hulkCardGlowPulse {
  0% { box-shadow: 0 0 0 rgba(229,194,82,0), 0 18px 36px rgba(105,83,26,.14); }
  50% { box-shadow: 0 0 0 6px rgba(229,194,82,.06), 0 26px 48px rgba(105,83,26,.20); }
  100% { box-shadow: 0 0 0 rgba(229,194,82,0), 0 22px 42px rgba(105,83,26,.16); }
}

.section-jump-buttons a{
  transform-origin:center center !important;
  will-change:transform, box-shadow !important;
}

.section-jump-buttons .cat-title,
.section-jump-buttons .cat-desc{
  transition:transform .28s ease, color .28s ease, opacity .28s ease !important;
}

.section-jump-buttons a:hover,
.section-jump-buttons a:focus-visible{
  filter:saturate(1.04) !important;
  animation:hulkCardGlowPulse 2.2s ease-in-out infinite !important;
}

.section-jump-buttons a:hover::after,
.section-jump-buttons a:focus-visible::after{
  border-color:rgba(233,195,89,.40) !important;
  box-shadow:inset 0 0 30px rgba(255,233,155,.12), 0 0 0 1px rgba(255,239,190,.24) !important;
}

.section-jump-buttons a:hover .cat-icon,
.section-jump-buttons a:focus-visible .cat-icon{
  color:#6f5308 !important;
}

.section-jump-buttons a:hover .cat-title,
.section-jump-buttons a:focus-visible .cat-title{
  transform:translateX(-2px) !important;
  color:#533b02 !important;
}

.section-jump-buttons a:hover .cat-desc,
.section-jump-buttons a:focus-visible .cat-desc{
  transform:translateX(-2px) !important;
  color:rgba(86,66,18,.92) !important;
  opacity:1 !important;
}

.section-jump-buttons a:hover .cat-arrow,
.section-jump-buttons a:focus-visible .cat-arrow{
  border-color:rgba(181,145,48,.28) !important;
}

html:not(.light-mode) .section-jump-buttons a:hover,
html:not(.light-mode) .section-jump-buttons a:focus-visible{
  animation:none !important;
}

html:not(.light-mode) .section-jump-buttons a:hover .cat-icon,
html:not(.light-mode) .section-jump-buttons a:focus-visible .cat-icon{
  color:#ffdf82 !important;
  box-shadow:0 16px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,232,172,.08), 0 0 20px rgba(223,186,90,.10) !important;
}

html:not(.light-mode) .section-jump-buttons a:hover .cat-title,
html:not(.light-mode) .section-jump-buttons a:focus-visible .cat-title{
  color:#fff0bd !important;
}

html:not(.light-mode) .section-jump-buttons a:hover .cat-desc,
html:not(.light-mode) .section-jump-buttons a:focus-visible .cat-desc{
  color:rgba(255,234,176,.88) !important;
}

html:not(.light-mode) .section-jump-buttons a:hover .cat-arrow,
html:not(.light-mode) .section-jump-buttons a:focus-visible .cat-arrow{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(223,186,90,.24) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.28), 0 0 18px rgba(223,186,90,.10) !important;
}

@media (max-width:680px){
  .section-jump-buttons a:hover,
  .section-jump-buttons a:focus-visible{
    transform:translateY(-5px) scale(1.01) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .section-jump-buttons a,
  .section-jump-buttons .cat-icon,
  .section-jump-buttons .cat-title,
  .section-jump-buttons .cat-desc,
  .section-jump-buttons .cat-arrow,
  .section-jump-buttons a::after{
    animation:none !important;
    transition:none !important;
  }
}

.section-jump-buttons a{
  transform:translateY(0) scale(1) !important;
}

.section-jump-buttons a::before{
  transition:transform .55s ease, opacity .55s ease !important;
}

.section-jump-buttons a:hover::before,
.section-jump-buttons a:focus-visible::before{
  opacity:1 !important;
  transform:rotate(20deg) translateX(260%) !important;
}

.section-jump-buttons .cat-icon,
.section-jump-buttons .cat-title,
.section-jump-buttons .cat-desc,
.section-jump-buttons .cat-arrow{ position:relative !important; z-index:1 !important; }

@media (max-width:760px){
  .section-jump-buttons{
    width:min(100%, calc(100% - 16px)) !important;
    margin:18px auto 38px !important;
    padding:42px 12px 12px !important;
    gap:12px !important;
  }
  .section-jump-buttons a{
    min-height:120px !important;
    grid-template-columns:52px 1fr !important;
    padding:16px 13px 14px !important;
    border-radius:22px !important;
  }
  .section-jump-buttons .cat-icon{ width:52px !important; height:52px !important; border-radius:16px !important; }
  .section-jump-buttons .cat-icon svg{ width:23px !important; height:23px !important; }
  .section-jump-buttons .cat-title{ font-size:18px !important; padding-inline-end:26px !important; }
  .section-jump-buttons .cat-desc{ font-size:11px !important; line-height:1.45 !important; padding-inline-end:26px !important; }
  .section-jump-buttons .cat-arrow{ width:28px !important; height:28px !important; top:12px !important; left:12px !important; font-size:13px !important; }
}

@media (max-width:390px){
  .section-jump-buttons{
    gap:10px !important;
  }
  .section-jump-buttons a{
    min-height:108px !important;
    grid-template-columns:46px 1fr !important;
    padding:14px 10px 12px !important;
  }
  .section-jump-buttons .cat-icon{ width:46px !important; height:46px !important; }
  .section-jump-buttons .cat-title{ font-size:16px !important; }
  .section-jump-buttons .cat-desc{ font-size:10px !important; }
}
.section-jump-buttons a{
  text-decoration:none !important;
}
.section-jump-buttons a::after{
  padding:1px !important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
}
.section-jump-buttons .cat-title,
.section-jump-buttons .cat-desc,
.section-jump-buttons .cat-icon,
.section-jump-buttons .cat-arrow{ position:relative !important; z-index:1 !important; }
.section-jump-buttons .cat-icon{
  align-items:center !important;
  justify-content:center !important;
  transition:transform .28s ease, box-shadow .28s ease !important;
}
.section-jump-buttons a:hover .cat-icon,
.section-jump-buttons a:focus-visible .cat-icon{
  box-shadow:0 14px 24px rgba(184,146,34,.23), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
.section-jump-buttons .cat-icon svg{
  stroke:currentColor !important;
  fill:none !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    width:min(100%, calc(100% - 8px)) !important;
    margin:18px auto 40px !important;
    padding:48px 10px 12px !important;
    gap:10px !important;
    border-radius:28px !important;
  }
  .section-jump-buttons::before{
    right:12px !important;
    top:10px !important;
    font-size:13px !important;
    padding:8px 14px !important;
  }
  .section-jump-buttons a{
    min-height:155px !important;
    padding:16px 14px !important;
    border-radius:24px !important;
  }
  .section-jump-buttons .cat-title{
    width:calc(100% - 20px) !important;
    font-size:16px !important;
    line-height:1.2 !important;
    margin:8px 0 6px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:72% !important;
    font-size:11.5px !important;
    line-height:1.5 !important;
  }
  .section-jump-buttons .cat-icon{
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    left:12px !important;
    bottom:12px !important;
  }
  .section-jump-buttons .cat-icon svg{ width:24px !important; height:24px !important; }
  .section-jump-buttons .cat-arrow{
    width:30px !important;
    height:30px !important;
    top:12px !important;
    left:12px !important;
    font-size:13px !important;
  }
}
@media (max-width:390px){
  .section-jump-buttons a{ min-height:148px !important; padding:14px 12px !important; }
  .section-jump-buttons .cat-title{ font-size:15px !important; }
  .section-jump-buttons .cat-desc{ font-size:10.8px !important; max-width:74% !important; }
  .section-jump-buttons .cat-icon{ width:50px !important; height:50px !important; }
}
.section-jump-buttons .cat-icon{
  background:linear-gradient(180deg, rgba(255,248,221,.99), rgba(242,214,121,.96)) !important;
  color:#8a6613 !important;
  box-shadow:0 14px 28px rgba(187,148,35,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
.section-jump-buttons .cat-icon svg{ stroke-width:1.95 !important; }
.section-jump-buttons a:hover .cat-icon,
.section-jump-buttons a:focus-visible .cat-icon{ transform:translateY(-4px) scale(1.04) !important; }
.section-jump-buttons a .cat-shine{
  position:absolute !important;
  inset:auto -20% -45% auto !important;
  width:120px !important;
  height:120px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,226,134,.14), transparent 65%) !important;
  filter:blur(4px) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.section-jump-buttons a:nth-child(1) .cat-icon{ background:linear-gradient(180deg, rgba(255,247,218,.99), rgba(240,212,117,.96)) !important; }
.section-jump-buttons a:nth-child(2) .cat-icon{ background:linear-gradient(180deg, rgba(255,250,228,.99), rgba(244,221,138,.96)) !important; }
.section-jump-buttons a:nth-child(3) .cat-icon{ background:linear-gradient(180deg, rgba(255,248,220,.99), rgba(238,209,111,.96)) !important; }
.section-jump-buttons a:nth-child(4) .cat-icon{ background:linear-gradient(180deg, rgba(255,250,230,.99), rgba(244,219,131,.96)) !important; }
.section-jump-buttons a:nth-child(5) .cat-icon{ background:linear-gradient(180deg, rgba(255,247,218,.99), rgba(240,211,114,.96)) !important; }
.section-jump-buttons a:nth-child(6) .cat-icon{ background:linear-gradient(180deg, rgba(255,249,224,.99), rgba(243,218,126,.96)) !important; }
html:not(.light-mode) .section-jump-buttons .cat-icon{
  background:linear-gradient(180deg, rgba(82,63,23,.98), rgba(40,31,18,.97)) !important;
  color:#f3db90 !important;
  box-shadow:0 14px 26px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    width:min(100%, calc(100% - 6px)) !important;
    margin:20px auto 46px !important;
    padding:54px 12px 12px !important;
    gap:12px !important;
    border-radius:30px !important;
  }
  .section-jump-buttons::before{
    top:12px !important;
    right:12px !important;
    padding:9px 14px !important;
    font-size:12.5px !important;
  }
  .section-jump-buttons a{
    min-height:170px !important;
    padding:16px 14px 16px !important;
    border-radius:24px !important;
  }
  .section-jump-buttons .cat-title{
    width:calc(100% - 24px) !important;
    font-size:18px !important;
    margin:2px 0 8px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:66% !important;
    font-size:11.6px !important;
    line-height:1.6 !important;
  }
  .section-jump-buttons .cat-icon{
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    left:12px !important;
    bottom:12px !important;
  }
  .section-jump-buttons .cat-icon svg{ width:25px !important; height:25px !important; }
  .section-jump-buttons .cat-arrow{
    width:31px !important;
    height:31px !important;
    font-size:14px !important;
    top:12px !important;
    left:12px !important;
  }
}
@media (max-width:430px){
  .section-jump-buttons a{ min-height:162px !important; }
  .section-jump-buttons .cat-title{ font-size:17px !important; }
  .section-jump-buttons .cat-desc{ max-width:70% !important; font-size:11px !important; }
}



.section-jump-buttons{
  width:min(1080px, calc(100% - 8px)) !important;
}
.section-jump-buttons::before{
  justify-content:center !important;
}
.section-jump-buttons::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(241,209,103,.22), transparent 68%) !important;
  filter:blur(10px) !important;
}
.section-jump-buttons .cat-title{
  padding-inline-end:42px !important;
}
.section-jump-buttons .cat-desc{
  padding-inline-end:42px !important;
}
.section-jump-buttons .cat-icon{
  left:18px !important;
  bottom:18px !important;
}
html:not(.light-mode) .section-jump-buttons::after{
  background:radial-gradient(circle, rgba(234,194,82,.18), transparent 68%) !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    margin:22px auto 56px !important;
    padding:82px 14px 16px !important;
    gap:14px !important;
    border-radius:34px !important;
  }
  .section-jump-buttons::before{
    top:14px !important;
    min-width:235px !important;
    padding:13px 22px !important;
    font-size:16px !important;
  }
  .section-jump-buttons::after{
    top:34px !important;
    width:200px !important;
  }
  .section-jump-buttons a{
    min-height:208px !important;
    padding:18px 16px 18px !important;
    border-radius:28px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:19px !important;
    width:calc(100% - 42px) !important;
    max-width:calc(100% - 42px) !important;
    padding-inline-end:38px !important;
    margin-bottom:8px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:71% !important;
    font-size:11.3px !important;
    line-height:1.58 !important;
    padding-inline-end:36px !important;
  }
  .section-jump-buttons a:nth-child(5) .cat-title,
  .section-jump-buttons a:nth-child(6) .cat-title{
    font-size:17px !important;
  }
  .section-jump-buttons a:nth-child(5) .cat-desc,
  .section-jump-buttons a:nth-child(6) .cat-desc{
    font-size:10.9px !important;
  }
  .section-jump-buttons .cat-icon{
    width:64px !important;
    height:64px !important;
    border-radius:20px !important;
    left:14px !important;
    bottom:14px !important;
  }
  .section-jump-buttons .cat-icon svg{ width:28px !important; height:28px !important; }
  .section-jump-buttons .cat-arrow{ width:36px !important; height:36px !important; top:14px !important; left:14px !important; font-size:16px !important; }
}
@media (max-width:430px){
  .section-jump-buttons{
    width:min(100%, calc(100% - 2px)) !important;
    padding:80px 12px 14px !important;
  }
  .section-jump-buttons::before{
    min-width:218px !important;
    padding:12px 18px !important;
    font-size:15px !important;
  }
  .section-jump-buttons a{
    min-height:198px !important;
    padding:16px 14px 16px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:17px !important;
    width:calc(100% - 38px) !important;
    max-width:calc(100% - 38px) !important;
    padding-inline-end:34px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:69% !important;
    font-size:10.4px !important;
    line-height:1.55 !important;
    padding-inline-end:32px !important;
  }
  .section-jump-buttons a:nth-child(5) .cat-title,
  .section-jump-buttons a:nth-child(6) .cat-title{ font-size:16px !important; }
  .section-jump-buttons a:nth-child(5) .cat-desc,
  .section-jump-buttons a:nth-child(6) .cat-desc{ font-size:10.1px !important; }
  .section-jump-buttons .cat-icon{ width:58px !important; height:58px !important; border-radius:18px !important; }
}
.section-jump-buttons a{
  grid-template-columns:72px minmax(0,1fr) !important;
  grid-template-rows:auto 1fr !important;
  grid-template-areas:
    "arrow title"
    "icon desc" !important;
  align-content:start !important;
  column-gap:16px !important;
  row-gap:10px !important;
}
.section-jump-buttons .cat-arrow{
  grid-area:arrow !important;
  justify-self:start !important;
  align-self:start !important;
  margin-top:4px !important;
}
.section-jump-buttons .cat-title{
  grid-area:title !important;
  direction:rtl !important;
  align-self:start !important;
  justify-self:stretch !important;
}
.section-jump-buttons .cat-desc{
  grid-area:desc !important;
  direction:rtl !important;
  align-self:start !important;
  justify-self:stretch !important;
}
.section-jump-buttons .cat-icon{
  position:static !important;
  grid-area:icon !important;
  align-self:end !important;
  justify-self:start !important;
  width:74px !important;
  height:74px !important;
  border-radius:24px !important;
  margin-top:4px !important;
}
.section-jump-buttons .cat-icon svg{ width:32px !important; height:32px !important; }
.section-jump-buttons a:nth-child(5) .cat-title,
.section-jump-buttons a:nth-child(6) .cat-title{
  line-height:1.2 !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    padding:84px 14px 18px !important;
    gap:14px !important;
  }
  .section-jump-buttons::before{
    min-width:246px !important;
    padding:13px 24px !important;
    font-size:16.5px !important;
  }
  .section-jump-buttons a{
    grid-template-columns:62px minmax(0,1fr) !important;
    min-height:194px !important;
    column-gap:12px !important;
    row-gap:8px !important;
    padding:16px !important;
  }
  .section-jump-buttons .cat-arrow{ width:38px !important; height:38px !important; font-size:16px !important; }
  .section-jump-buttons .cat-title{ font-size:17px !important; }
  .section-jump-buttons .cat-desc{ font-size:11.3px !important; line-height:1.58 !important; }
  .section-jump-buttons .cat-icon{ width:64px !important; height:64px !important; border-radius:22px !important; }
  .section-jump-buttons .cat-icon svg{ width:28px !important; height:28px !important; }
  .section-jump-buttons a:nth-child(5) .cat-title,
  .section-jump-buttons a:nth-child(6) .cat-title{ font-size:15.5px !important; }
  .section-jump-buttons a:nth-child(5) .cat-desc,
  .section-jump-buttons a:nth-child(6) .cat-desc{ font-size:10.9px !important; }
}
@media (max-width:430px){
  .section-jump-buttons{
    width:min(100%, calc(100% - 2px)) !important;
    margin:24px auto 58px !important;
    padding:80px 12px 16px !important;
  }
  .section-jump-buttons::before{
    min-width:230px !important;
    padding:12px 18px !important;
    font-size:15px !important;
  }
  .section-jump-buttons a{
    grid-template-columns:56px minmax(0,1fr) !important;
    min-height:182px !important;
    column-gap:10px !important;
    row-gap:7px !important;
    padding:14px !important;
    border-radius:28px !important;
  }
  .section-jump-buttons .cat-arrow{ width:34px !important; height:34px !important; font-size:15px !important; }
  .section-jump-buttons .cat-title{ font-size:15px !important; }
  .section-jump-buttons .cat-desc{ font-size:10px !important; line-height:1.52 !important; }
  .section-jump-buttons .cat-icon{ width:56px !important; height:56px !important; border-radius:18px !important; }
  .section-jump-buttons .cat-icon svg{ width:25px !important; height:25px !important; }
  .section-jump-buttons a:nth-child(5) .cat-title,
  .section-jump-buttons a:nth-child(6) .cat-title{ font-size:14px !important; }
  .section-jump-buttons a:nth-child(5) .cat-desc,
  .section-jump-buttons a:nth-child(6) .cat-desc{ font-size:9.7px !important; }
}
.section-jump-buttons a{
  direction:rtl !important;
}
.section-jump-buttons .cat-shine{
  position:absolute !important;
  inset:0 !important;
}
.section-jump-buttons a:nth-child(5) .cat-title,
.section-jump-buttons a:nth-child(6) .cat-title{
  font-size:18px !important;
}
.section-jump-buttons a:nth-child(5) .cat-desc,
.section-jump-buttons a:nth-child(6) .cat-desc{
  max-width:170px !important;
  font-size:12.4px !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    padding:86px 14px 16px !important;
    gap:14px !important;
  }
  .section-jump-buttons::before{
    min-width:248px !important;
    padding:14px 22px !important;
    font-size:17px !important;
  }
  .section-jump-buttons a{
    min-height:202px !important;
    padding:18px 14px 16px !important;
    gap:10px !important;
  }
  .section-jump-buttons .cat-arrow{ width:40px !important; height:40px !important; font-size:17px !important; }
  .section-jump-buttons .cat-title{ font-size:17px !important; }
  .section-jump-buttons .cat-desc{ max-width:150px !important; font-size:11.8px !important; line-height:1.68 !important; }
  .section-jump-buttons a:nth-child(5) .cat-title,
  .section-jump-buttons a:nth-child(6) .cat-title{ font-size:16px !important; }
  .section-jump-buttons a:nth-child(5) .cat-desc,
  .section-jump-buttons a:nth-child(6) .cat-desc{ font-size:11.2px !important; max-width:145px !important; }
}
@media (max-width:430px){
  .section-jump-buttons{
    padding:82px 12px 14px !important;
    gap:12px !important;
  }
  .section-jump-buttons::before{
    min-width:220px !important;
    padding:12px 18px !important;
    font-size:15px !important;
  }
  .section-jump-buttons a{
    min-height:186px !important;
    padding:16px 12px 14px !important;
    border-radius:26px !important;
    gap:8px !important;
  }
  .section-jump-buttons .cat-arrow{ width:36px !important; height:36px !important; font-size:15px !important; }
  .section-jump-buttons .cat-title{ font-size:15px !important; }
  .section-jump-buttons .cat-desc{ max-width:125px !important; font-size:10.5px !important; line-height:1.62 !important; }
  .section-jump-buttons a:nth-child(5) .cat-title,
  .section-jump-buttons a:nth-child(6) .cat-title{ font-size:14px !important; }
  .section-jump-buttons a:nth-child(5) .cat-desc,
  .section-jump-buttons a:nth-child(6) .cat-desc{ font-size:10px !important; max-width:120px !important; }
}
.section-jump-buttons{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
.section-jump-buttons a{
  color:#181407 !important;
}
.section-jump-buttons a::before{
  width:160px !important;
}
.section-jump-buttons a:hover,
.section-jump-buttons a:focus-visible{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,243,188,.96), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(252,247,225,.98)) !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    max-width:690px !important;
    gap:18px !important;
    padding:28px 14px 16px !important;
  }
  .section-jump-buttons::before{
    min-width:260px !important;
    font-size:clamp(17px,4vw,22px) !important;
    padding:12px 24px !important;
  }
  .section-jump-buttons a{
    min-height:236px !important;
    padding:28px 18px 20px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:clamp(19px,4.4vw,27px) !important;
    max-width:94% !important;
  }
  .section-jump-buttons .cat-desc{
    font-size:clamp(12.8px,3.2vw,14.4px) !important;
    max-width:88% !important;
    line-height:1.72 !important;
  }
}
@media (max-width:560px){
  .section-jump-buttons{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:16px !important;
    padding:28px 12px 14px !important;
    border-radius:30px !important;
  }
  .section-jump-buttons::before{
    top:-15px !important;
    min-width:0 !important;
    width:calc(100% - 92px) !important;
    padding:11px 16px !important;
    font-size:clamp(16px,4.2vw,20px) !important;
  }
  .section-jump-buttons a{
    min-height:216px !important;
    padding:24px 14px 18px !important;
    border-radius:26px !important;
  }
  .section-jump-buttons .cat-arrow{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    margin-bottom:14px !important;
    font-size:24px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:clamp(18px,4.8vw,24px) !important;
    line-height:1.18 !important;
    margin-bottom:10px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:92% !important;
    font-size:clamp(12.5px,3.35vw,13.6px) !important;
    line-height:1.66 !important;
  }
}
@media (max-width:400px){
  .section-jump-buttons{
    gap:12px !important;
    padding-inline:10px !important;
  }
  .section-jump-buttons a{
    min-height:202px !important;
    padding:22px 12px 16px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:17px !important;
  }
  .section-jump-buttons .cat-desc{
    font-size:12px !important;
    line-height:1.6 !important;
    max-width:94% !important;
  }
}
.section-jump-buttons{
  gap:18px !important;
  border-radius:36px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,236,168,.18), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,250,233,.92)) !important;
}

.section-jump-buttons a{
  border-radius:30px !important;
  gap:0 !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,237,169,.33), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,248,235,.96)) !important;
  border:1px solid rgba(205,170,70,.25) !important;
}

.section-jump-buttons a::before{
  content:"" !important;
  position:absolute !important;
  inset:auto 14px 14px 14px !important;
  height:42% !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg, transparent, rgba(255,232,142,.08)),
    radial-gradient(circle at 50% 100%, rgba(255,225,127,.15), transparent 62%) !important;
  opacity:.78 !important;
  pointer-events:none !important;
  z-index:-1 !important;
  transform:none !important;
}

.section-jump-buttons a::after{
  border-radius:inherit !important;
}

.section-jump-buttons .cat-arrow{
  font-weight:950 !important;
}

.section-jump-buttons .cat-title{
  order:1 !important;
  max-width:100% !important;
}

.section-jump-buttons .cat-desc{
  order:2 !important;
}
html:not(.light-mode) .section-jump-buttons{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,226,137,.10), transparent 46%),
    linear-gradient(180deg, rgba(17,16,13,.94), rgba(8,8,7,.98)) !important;
}

html:not(.light-mode) .section-jump-buttons a{
  color:#fff5d9 !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,226,137,.10), transparent 44%),
    linear-gradient(180deg, rgba(31,28,21,.97), rgba(13,13,10,.98)) !important;
  border-color:rgba(223,188,92,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -20px 34px rgba(0,0,0,.18),
    0 16px 32px rgba(0,0,0,.30) !important;
}

html:not(.light-mode) .section-jump-buttons a:hover,
html:not(.light-mode) .section-jump-buttons a:focus-visible{
  border-color:rgba(223,188,92,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -20px 34px rgba(0,0,0,.16),
    0 24px 44px rgba(0,0,0,.36),
    0 0 26px rgba(223,188,92,.08) !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    max-width:690px !important;
    margin:4px auto 34px !important;
    padding:32px 14px 16px !important;
    gap:16px !important;
    border-radius:32px !important;
  }

  .section-jump-buttons::before{
    top:-18px !important;
    min-width:0 !important;
    width:calc(100% - 82px) !important;
    max-width:360px !important;
    padding:12px 18px 13px !important;
    font-size:clamp(17px, 4.2vw, 22px) !important;
  }

  .section-jump-buttons a{
    min-height:212px !important;
    padding:24px 13px 18px !important;
    border-radius:27px !important;
  }

  .section-jump-buttons .cat-arrow{
    width:48px !important;
    height:48px !important;
    margin-bottom:16px !important;
    border-radius:17px !important;
    font-size:23px !important;
  }

  .section-jump-buttons .cat-title{
    font-size:clamp(18px, 4.8vw, 24px) !important;
    line-height:1.18 !important;
    margin-bottom:10px !important;
  }

  .section-jump-buttons .cat-desc{
    max-width:92% !important;
    font-size:clamp(12px, 3.35vw, 13.4px) !important;
    line-height:1.64 !important;
  }
}

@media (max-width:420px){
  .section-jump-buttons{
    gap:12px !important;
    padding:30px 10px 14px !important;
  }

  .section-jump-buttons::before{
    width:calc(100% - 70px) !important;
    font-size:15px !important;
    padding:11px 14px 12px !important;
  }

  .section-jump-buttons a{
    min-height:198px !important;
    padding:22px 11px 16px !important;
    border-radius:25px !important;
  }

  .section-jump-buttons .cat-arrow{
    width:44px !important;
    height:44px !important;
    font-size:22px !important;
    margin-bottom:14px !important;
  }

  .section-jump-buttons .cat-title{
    font-size:17px !important;
  }

  .section-jump-buttons .cat-desc{
    max-width:96% !important;
    font-size:11.4px !important;
    line-height:1.58 !important;
  }
}

@media (max-width:360px){
  .section-jump-buttons a{
    min-height:190px !important;
  }

  .section-jump-buttons .cat-title{
    font-size:16px !important;
  }

  .section-jump-buttons .cat-desc{
    font-size:10.8px !important;
  }
}

.section-jump-buttons::before{
  margin:0 !important;
}

.section-jump-buttons a{
  padding-top:26px !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    margin:46px auto 42px !important;
    padding:64px 14px 16px !important;
    gap:16px !important;
  }

  .section-jump-buttons::before{
    top:16px !important;
  }

  .section-jump-buttons a{
    min-height:204px !important;
    padding-top:24px !important;
  }
}

@media (max-width:430px){
  .section-jump-buttons{
    margin:48px auto 40px !important;
    padding:62px 10px 14px !important;
    gap:14px !important;
  }

  .section-jump-buttons::before{
    top:14px !important;
    width:calc(100% - 86px) !important;
  }

  .section-jump-buttons a{
    min-height:196px !important;
    padding-top:22px !important;
  }
}
.section-jump-buttons{
  margin-top:78px !important;
  margin-bottom:50px !important;
  padding-top:34px !important;
}

.section-jump-buttons::before{
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.section-jump-buttons::after{
  width:240px !important;
  height:42px !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    margin-top:82px !important;
    margin-bottom:46px !important;
    padding-top:32px !important;
  }

  .section-jump-buttons::before{
    top:-48px !important;
    min-width:0 !important;
    width:calc(100% - 86px) !important;
    max-width:360px !important;
    padding:13px 20px 14px !important;
    font-size:clamp(17px, 4.2vw, 22px) !important;
  }

  .section-jump-buttons::after{
    top:-18px !important;
    width:220px !important;
  }

  .section-jump-buttons a{
    min-height:208px !important;
  }
}

@media (max-width:430px){
  .section-jump-buttons{
    margin-top:84px !important;
    padding-top:30px !important;
  }

  .section-jump-buttons::before{
    top:-50px !important;
    width:calc(100% - 78px) !important;
    padding:12px 16px 13px !important;
    font-size:15.5px !important;
  }

  .section-jump-buttons a{
    min-height:198px !important;
  }
}

.section-jump-buttons::before{
  letter-spacing:-.02em !important;
}

.section-jump-buttons .cat-shine{
  display:none !important;
}

.section-jump-buttons .cat-icon{
  display:none !important;
}

@media (max-width:760px){
  .section-jump-buttons{
    margin:74px auto 42px !important;
    padding:30px 12px 14px !important;
    gap:14px !important;
  }
  .section-jump-buttons::before{
    top:-42px !important;
    width:calc(100% - 72px) !important;
    max-width:340px !important;
    padding:13px 18px 14px !important;
    font-size:17px !important;
  }
  .section-jump-buttons a{
    min-height:198px !important;
    padding:20px 12px 16px !important;
    border-radius:26px !important;
  }
  .section-jump-buttons .cat-arrow{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    font-size:24px !important;
    margin-bottom:12px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:17px !important;
    margin-bottom:10px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:170px !important;
    font-size:12px !important;
    line-height:1.58 !important;
  }
}

@media (max-width:430px){
  .section-jump-buttons{
    margin:68px auto 38px !important;
    padding:28px 10px 12px !important;
    gap:12px !important;
  }
  .section-jump-buttons::before{
    top:-40px !important;
    width:calc(100% - 56px) !important;
    max-width:320px !important;
    font-size:15.5px !important;
    padding:12px 14px 13px !important;
  }
  .section-jump-buttons a{
    min-height:184px !important;
    padding:18px 10px 14px !important;
    border-radius:24px !important;
  }
  .section-jump-buttons .cat-arrow{
    width:44px !important;
    height:44px !important;
    border-radius:15px !important;
    font-size:22px !important;
    margin-bottom:10px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:16px !important;
    line-height:1.2 !important;
    margin-bottom:8px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:148px !important;
    font-size:11.3px !important;
    line-height:1.54 !important;
  }
}
@media (max-width:760px){
  .section-jump-buttons{
    margin:72px auto 42px !important;
    padding:30px 12px 14px !important;
    gap:14px !important;
  }
  .section-jump-buttons::before{
    top:-42px !important;
    width:calc(100% - 72px) !important;
    max-width:340px !important;
    padding:13px 18px 14px !important;
    font-size:17px !important;
  }
  .section-jump-buttons a{
    min-height:186px !important;
    padding:18px 10px 14px !important;
    border-radius:25px !important;
  }
  .section-jump-buttons .cat-arrow{
    width:44px !important;
    height:44px !important;
    border-radius:15px !important;
    font-size:22px !important;
    margin-bottom:10px !important;
  }
  .section-jump-buttons .cat-title{
    font-size:16px !important;
    margin-bottom:8px !important;
  }
  .section-jump-buttons .cat-desc{
    max-width:155px !important;
    font-size:11.2px !important;
    line-height:1.52 !important;
  }
}
@media (max-width:430px){
  .section-jump-buttons{
    margin:68px auto 38px !important;
    padding:28px 10px 12px !important;
    gap:12px !important;
  }
  .section-jump-buttons::before{
    top:-40px !important;
    width:calc(100% - 56px) !important;
    font-size:15.5px !important;
    padding:12px 14px 13px !important;
  }
  .section-jump-buttons a{
    min-height:172px !important;
    padding:17px 9px 13px !important;
    border-radius:23px !important;
  }
  .section-jump-buttons .cat-arrow{
    width:41px !important;
    height:41px !important;
    font-size:21px !important;
    margin-bottom:8px !important;
  }
  .section-jump-buttons .cat-title{font-size:15px !important;}
  .section-jump-buttons .cat-desc{
    max-width:140px !important;
    font-size:10.6px !important;
    line-height:1.48 !important;
  }
}
.section-jump-buttons a{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,border-color .26s ease !important;
}
.section-jump-buttons a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:linear-gradient(115deg,transparent 0%,transparent 35%,rgba(255,255,255,.36) 49%,transparent 63%,transparent 100%) !important;
  transform:translateX(-145%) skewX(-8deg) !important;
  opacity:.72 !important;
  pointer-events:none !important;
  transition:transform .72s ease !important;
}
.section-jump-buttons a:hover,
.section-jump-buttons a:focus-visible{
  transform:translateY(-5px) scale(1.008) !important;
  border-color:rgba(202,162,55,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 20px 38px rgba(132,104,24,.16),0 0 30px rgba(214,180,83,.10) !important;
}
.section-jump-buttons a:hover::after,
.section-jump-buttons a:focus-visible::after{transform:translateX(145%) skewX(-8deg) !important;}
.section-jump-buttons a:active{transform:translateY(-2px) scale(.992) !important;}
.section-jump-buttons .cat-shine,
.section-jump-buttons .cat-icon{display:none !important;}
.section-jump-buttons .cat-arrow{
  order:-1 !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  margin:0 auto 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:1 !important;
  color:#8b6610 !important;
  background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.96),rgba(255,244,198,.84) 42%,rgba(223,180,60,.98) 100%) !important;
  border:1px solid rgba(199,161,54,.38) !important;
  transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,background .26s ease,color .26s ease !important;
}
.section-jump-buttons .cat-arrow::before{
  content:"" !important;
  border-top:4px solid currentColor !important;
  border-left:4px solid currentColor !important;
  transform:rotate(135deg) translate(-1px,1px) !important;
  border-radius:2px !important;
  display:block !important;
}
.section-jump-buttons .cat-arrow::after{
  content:"" !important;
  position:absolute !important;
  border-radius:999px !important;
  background:currentColor !important;
  transform:translateX(-1px) !important;
}
.section-jump-buttons a:hover .cat-arrow,
.section-jump-buttons a:focus-visible .cat-arrow{
  color:#6f4f07 !important;
  background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.98),rgba(255,246,205,.88) 40%,rgba(232,190,72,.99) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.99),inset 0 -10px 20px rgba(143,103,12,.08),0 18px 32px rgba(190,151,43,.24),0 0 0 7px rgba(255,239,180,.34),0 0 28px rgba(220,181,74,.18) !important;
}
.section-jump-buttons a:active .cat-arrow{transform:translateY(-1px) scale(.98) !important;}
html:not(.light-mode) .section-jump-buttons .cat-arrow{
  color:#f2d37f !important;
  background:radial-gradient(circle at 35% 20%,rgba(98,78,28,.98),rgba(48,39,21,.98) 45%,rgba(26,22,15,.98) 100%) !important;
  border-color:rgba(223,188,92,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -10px 20px rgba(0,0,0,.18),0 14px 26px rgba(0,0,0,.32),0 0 0 6px rgba(255,226,137,.045) !important;
}
html:not(.light-mode) .section-jump-buttons a:hover .cat-arrow,
html:not(.light-mode) .section-jump-buttons a:focus-visible .cat-arrow{color:#ffe095 !important;}
@media (max-width:760px){
  .section-jump-buttons .cat-arrow{width:50px !important;height:50px !important;border-radius:18px !important;margin-bottom:12px !important;}
  .section-jump-buttons .cat-arrow::before{width:15px !important;height:15px !important;border-top-width:3.5px !important;border-left-width:3.5px !important;}
  .section-jump-buttons .cat-arrow::after{width:18px !important;height:3.5px !important;}
}
@media (max-width:430px){
  .section-jump-buttons .cat-arrow{width:46px !important;height:46px !important;border-radius:16px !important;margin-bottom:10px !important;}
  .section-jump-buttons .cat-arrow::before{width:14px !important;height:14px !important;border-top-width:3px !important;border-left-width:3px !important;}
  .section-jump-buttons .cat-arrow::after{width:16px !important;height:3px !important;}
}
.section-jump-buttons{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 0 0 1px rgba(255,250,230,.62),
    0 20px 44px rgba(132,104,24,.12) !important;
}
.section-jump-buttons a{
  border-color:rgba(205,170,70,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -14px 28px rgba(214,180,83,.035),
    0 12px 26px rgba(132,104,24,.08) !important;
}
.section-jump-buttons .cat-arrow{
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -8px 18px rgba(143,103,12,.10),
    0 12px 24px rgba(190,151,43,.17),
    0 0 0 5px rgba(255,239,180,.24) !important;
}

.section-jump-buttons .cat-arrow::before{
  width:15px !important;
  height:15px !important;
  border-top-width:3.5px !important;
  border-left-width:3.5px !important;
}

.section-jump-buttons .cat-arrow::after{
  width:18px !important;
  height:3.5px !important;
}

.section-jump-buttons a:hover .cat-arrow,
.section-jump-buttons a:focus-visible .cat-arrow{
  transform:translateY(-2px) scale(1.05) !important;
}
html:not(.light-mode) .section-jump-buttons{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(223,188,92,.04),
    0 24px 46px rgba(0,0,0,.34) !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    margin:54px auto 42px !important;
    padding:32px 12px 14px !important;
    outline-offset:-7px !important;
  }

  .section-jump-buttons::before{
    top:-40px !important;
    width:calc(100% - 78px) !important;
    min-width:0 !important;
    max-width:340px !important;
    padding:12px 18px 13px !important;
    font-size:16.5px !important;
  }

  .section-jump-buttons .cat-arrow{
    width:46px !important;
    height:46px !important;
    border-radius:16px !important;
    margin-bottom:10px !important;
  }
}

@media (max-width:430px){
  .section-jump-buttons{
    margin:52px auto 38px !important;
    padding:30px 10px 12px !important;
    outline-offset:-6px !important;
  }

  .section-jump-buttons::before{
    top:-38px !important;
    width:calc(100% - 60px) !important;
    padding:11px 14px 12px !important;
    font-size:15.2px !important;
  }

  .section-jump-buttons .cat-arrow{
    width:43px !important;
    height:43px !important;
    border-radius:15px !important;
  }
}
.section-jump-buttons{
  margin:86px auto 46px !important;
  padding:28px 18px 18px !important;
  position:relative !important;
  overflow:visible !important;
  border:1px solid rgba(205,170,70,.34) !important;
  outline:1px solid rgba(255,255,255,.42) !important;
  outline-offset:-8px !important;
}

.section-jump-buttons::before{
  content:"الاقسام الرئيسية" !important;
  position:absolute !important;
  top:-74px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  z-index:30 !important;
  width:max-content !important;
  min-width:286px !important;
  max-width:calc(100% - 72px) !important;
  padding:13px 28px 14px !important;
  border-radius:999px !important;
  text-align:center !important;
  font-size:clamp(18px, 2vw, 23px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#8b6610 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,242,193,.96)),
    radial-gradient(circle at 50% 0%, rgba(255,231,145,.36), transparent 66%) !important;
  border:1px solid rgba(205,170,70,.38) !important;
  box-shadow:
    0 14px 28px rgba(186,148,37,.15),
    0 0 0 7px rgba(255,248,220,.36),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.section-jump-buttons::after{
  top:-18px !important;
  opacity:.18 !important;
  pointer-events:none !important;
}
html:not(.light-mode) .section-jump-buttons{
  border-color:rgba(223,188,92,.18) !important;
  outline-color:rgba(223,188,92,.08) !important;
}

html:not(.light-mode) .section-jump-buttons::before{
  color:#f4dc8f !important;
  background:
    linear-gradient(180deg, rgba(44,36,20,.98), rgba(22,19,12,.98)),
    radial-gradient(circle at 50% 0%, rgba(255,226,137,.14), transparent 66%) !important;
  border-color:rgba(223,188,92,.24) !important;
  box-shadow:
    0 16px 32px rgba(0,0,0,.30),
    0 0 0 7px rgba(255,226,137,.04),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}
@media (max-width:760px){
  .section-jump-buttons{
    margin:82px auto 42px !important;
    padding:26px 12px 14px !important;
    outline-offset:-7px !important;
  }

  .section-jump-buttons::before{
    top:-68px !important;
    width:calc(100% - 84px) !important;
    min-width:0 !important;
    max-width:340px !important;
    padding:12px 18px 13px !important;
    font-size:16.5px !important;
  }

  .section-jump-buttons a{
    min-height:190px !important;
  }
}

@media (max-width:430px){
  .section-jump-buttons{
    margin:78px auto 38px !important;
    padding:24px 10px 12px !important;
    outline-offset:-6px !important;
  }

  .section-jump-buttons::before{
    top:-64px !important;
    width:calc(100% - 66px) !important;
    padding:11px 14px 12px !important;
    font-size:15.2px !important;
  }

  .section-jump-buttons a{
    min-height:178px !important;
  }
}
.marketing-pricing .price-card{
  min-height:286px !important;
  padding:28px 20px 22px !important;
  gap:12px !important;
}

.marketing-pricing .price-card.featured{
  border-color:rgba(230,195,82,.44) !important;
  box-shadow:
    0 28px 66px rgba(0,0,0,.18),
    0 0 42px rgba(230,195,82,.12),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.marketing-pricing .price-card.featured .duration::after{
  display:none !important;
  content:none !important;
}

.plan-badge{
  position:absolute !important;
  top:14px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;
  padding:7px 15px 8px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
  color:#161105 !important;
  background:linear-gradient(180deg,#fff4c6,#e6c352) !important;
  border:1px solid rgba(255,232,146,.46) !important;
  box-shadow:0 12px 26px rgba(230,195,82,.18), inset 0 1px 0 rgba(255,255,255,.8) !important;
}

.marketing-pricing .price-card.featured .price-card-head{
  padding-top:24px !important;
}

.monthly-rate{
  width:fit-content !important;
  max-width:100% !important;
  margin:2px auto 0 !important;
  padding:7px 13px 8px !important;
  border-radius:999px !important;
  color:#e9cd70 !important;
  background:rgba(230,195,82,.075) !important;
  border:1px solid rgba(230,195,82,.18) !important;
}

html.light-mode .monthly-rate{
  color:#8a650d !important;
  background:rgba(230,195,82,.14) !important;
  border-color:rgba(138,101,13,.16) !important;
}

.marketing-pricing .plan-note{
  max-width:240px !important;
  font-size:clamp(12.5px, 2.7vw, 15px) !important;
  line-height:1.62 !important;
  font-weight:700 !important;
}

.marketing-pricing .duration{
  font-size:clamp(16px, 3vw, 22px) !important;
}

.content-style-eleven .eleven-logo-box::before{
  content:"▶" !important;
}

.content-style-eleven .eleven-name{
  font-size:clamp(16px, 2.9vw, 20px) !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.content-style-eleven .eleven-desc{
  font-size:clamp(12px, 2.45vw, 14px) !important;
  font-weight:700 !important;
}
.step-card h3{
  font-size:clamp(16px, 3.1vw, 20px) !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

.step-card p{
  font-size:clamp(12.5px, 2.7vw, 14.5px) !important;
  line-height:1.75 !important;
  max-width:260px !important;
  margin-inline:auto !important;
}
@media (max-width:560px){
  .marketing-pricing .price-card{
    min-height:260px !important;
    padding:24px 14px 18px !important;
  }

  .plan-badge{
    top:12px !important;
    font-size:10.8px !important;
    padding:6px 12px 7px !important;
  }

  .marketing-pricing .price-card.featured .price-card-head{
    padding-top:22px !important;
  }

  .monthly-rate{
    font-size:11.2px !important;
    padding:6px 10px 7px !important;
  }

  .marketing-pricing .plan-note{
    font-size:12.2px !important;
    line-height:1.56 !important;
  }

  .content-style-eleven .eleven-logo-box::before{
    width:46px !important;
    height:46px !important;
    border-radius:17px !important;
    font-size:19px !important;
  }
}
.content-style-eleven .section-head{
  display:flex !important;
  justify-content:center !important;
  margin:0 auto 22px !important;
  transform:translateY(-10px) !important;
}

.content-style-eleven .section-title-fancy{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  min-height:60px !important;
  padding:14px 26px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,242,206,.94)) !important;
  border:1px solid rgba(224,190,84,.26) !important;
  box-shadow:0 18px 34px rgba(224,190,84,.12), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.content-style-eleven .section-title-icon{
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#6a5215 !important;
  background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.98),rgba(255,241,189,.92) 52%,rgba(230,195,82,.92) 100%) !important;
  border:1px solid rgba(224,190,84,.30) !important;
  box-shadow:0 10px 24px rgba(224,190,84,.14), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.content-style-eleven .section-title-label{
  font-size:clamp(22px,3.1vw,30px) !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:#1f1a0c !important;
}

.content-style-eleven .eleven-logo{
  display:none !important;
}

.content-style-eleven .eleven-logo-box{
  width:min(100%,140px) !important;
  min-height:78px !important;
  padding:10px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,246,221,.96)) !important;
  border:1px solid rgba(224,190,84,.28) !important;
  box-shadow:0 16px 32px rgba(224,190,84,.12), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.content-style-eleven .eleven-logo-box::before{
  width:62px !important;
  height:62px !important;
  border-radius:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#231b09 !important;
  background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.98),rgba(255,239,177,.92) 52%,rgba(230,195,82,.94) 100%) !important;
  border:1px solid rgba(224,190,84,.30) !important;
  box-shadow:0 14px 28px rgba(224,190,84,.14), inset 0 1px 0 rgba(255,255,255,.96) !important;
  text-shadow:none !important;
}

.content-style-eleven .eleven-netflix .eleven-logo-box::before{content:"🎬" !important;}
.content-style-eleven .eleven-osn .eleven-logo-box::before{content:"🎞" !important;}
.content-style-eleven .eleven-disney .eleven-logo-box::before{content:"👨" !important;}
.content-style-eleven .eleven-mbc .eleven-logo-box::before{content:"ع" !important;font-size:28px !important;}
.content-style-eleven .eleven-bein .eleven-logo-box::before{content:"⚽" !important;}
.content-style-eleven .eleven-starz .eleven-logo-box::before{content:"★" !important;}
.content-style-eleven .eleven-prime .eleven-logo-box::before{content:"✦" !important;}
.content-style-eleven .eleven-apple .eleven-logo-box::before{content:"◎" !important;font-size:28px !important;}

@media (max-width:640px){
  .content-style-eleven .section-head{
    margin:0 auto 18px !important;
    transform:translateY(-8px) !important;
  }
  .content-style-eleven .section-title-fancy{
    min-height:56px !important;
    padding:12px 20px !important;
    border-radius:20px !important;
  }
  .content-style-eleven .section-title-icon{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }
  .content-style-eleven .section-title-label{
    font-size:clamp(20px,5.8vw,26px) !important;
  }
  .content-style-eleven .eleven-logo-box{
    min-height:72px !important;
    border-radius:18px !important;
  }
  .content-style-eleven .eleven-logo-box::before{
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    font-size:28px !important;
  }
}




.page{scroll-margin-top:96px !important;}
.section-head{margin-bottom:clamp(22px,3vw,34px) !important;}
.card,.price-card,.step-card,.device-card,.final-cta,.content-style-eleven .eleven-card{-webkit-font-smoothing:antialiased !important;text-rendering:optimizeLegibility !important;}
.marketing-pricing{align-items:stretch !important;}
.marketing-pricing .price-card{justify-content:space-between !important;text-align:center !important;}
.marketing-pricing .duration{line-height:1.25 !important;}
.marketing-pricing .price{margin-block:8px 6px !important;}
.marketing-pricing .monthly-rate{white-space:normal !important;text-align:center !important;}
.marketing-pricing .plan-note{margin-top:12px !important;text-align:center !important;}
.content-style-eleven .eleven-grid{align-items:stretch !important;}
.content-style-eleven .eleven-card{justify-content:center !important;text-align:center !important;}
.content-style-eleven .eleven-logo-box{margin-inline:auto !important;}
.content-style-eleven .eleven-name{line-height:1.35 !important;margin-top:4px !important;}
.content-style-eleven .eleven-desc{line-height:1.65 !important;margin-top:6px !important;}
.section-jump-buttons{max-width:980px !important;}
.premium-final-cta{margin-top:clamp(18px,3vw,34px) !important;margin-bottom:clamp(20px,4vw,42px) !important;}
.final-cta-actions{margin-top:6px !important;}
.final-cta-actions .btn{border-radius:999px !important;font-weight:900 !important;}
.premium-footer{margin-top:0 !important;padding-top:34px !important;}
@media (max-width:720px){
.page{scroll-margin-top:84px !important;}
.section-head{margin-bottom:22px !important;}
.marketing-pricing .price-card{min-height:250px !important;}
.marketing-pricing .price{font-size:clamp(38px,12vw,56px) !important;}
.marketing-pricing .plan-note{font-size:12.2px !important;line-height:1.55 !important;}
.content-style-eleven .eleven-card{min-height:190px !important;padding-block:18px !important;}
.content-style-eleven .eleven-name{font-size:clamp(16px,4.5vw,20px) !important;}
.content-style-eleven .eleven-desc{font-size:clamp(12px,3.5vw,14px) !important;}
.premium-final-cta{border-radius:30px !important;padding:28px 18px !important;}
.premium-final-cta p{font-size:14px !important;line-height:1.75 !important;}
}
@media (max-width:430px){
.marketing-pricing .price-card{min-height:238px !important;}
.content-style-eleven .eleven-card{min-height:176px !important;}
.final-cta-actions .btn{width:100% !important;}
}

.section-title-label,
.final-cta h2 .section-title-label{
  font-size:clamp(22px, 2.55vw, 30px) !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
  color:var(--gold-2) !important;
  text-align:center !important;
}

html.light-mode .section-title-label,
html.light-mode .final-cta h2 .section-title-label{
  color:#17150b !important;
}
.card h3,
.feature-card h3,
.device-card h3,
.step-card h3,
.price-card .duration,
.eleven-name{
  font-size:clamp(17px, 1.45vw, 20px) !important;
  line-height:1.28 !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  text-align:center !important;
  color:var(--gold-2) !important;
}

html.light-mode .card h3,
html.light-mode .feature-card h3,
html.light-mode .device-card h3,
html.light-mode .step-card h3,
html.light-mode .price-card .duration,
html.light-mode .eleven-name{
  color:#17150b !important;
}
.card p,
.feature-card p,
.device-card p,
.step-card p,
.eleven-desc,
.plan-note{
  font-size:clamp(12.5px, 1.05vw, 14.5px) !important;
  line-height:1.68 !important;
  font-weight:650 !important;
  text-align:center !important;
  color:rgba(255,249,232,.72) !important;
}

html.light-mode .card p,
html.light-mode .feature-card p,
html.light-mode .device-card p,
html.light-mode .step-card p,
html.light-mode .eleven-desc,
html.light-mode .plan-note{
  color:rgba(23,21,11,.66) !important;
}
.section-jump-buttons{
  align-items:stretch !important;
}

.section-jump-buttons a{
  min-height:188px !important;
  padding:20px 12px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
}

.section-jump-buttons .cat-title{
  width:100% !important;
  min-height:28px !important;
  margin:0 0 8px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:clamp(15.8px, 1.25vw, 18px) !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  color:#15120a !important;
  white-space:normal !important;
  text-wrap:balance !important;
}

.section-jump-buttons .cat-desc{
  width:100% !important;
  max-width:176px !important;
  min-height:58px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1.52 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  color:rgba(83,68,30,.72) !important;
  text-wrap:balance !important;
}

.section-jump-buttons .cat-arrow{
  margin-bottom:11px !important;
}
html:not(.light-mode) .section-jump-buttons .cat-title{
  color:#fff6dd !important;
}

html:not(.light-mode) .section-jump-buttons .cat-desc{
  color:rgba(255,239,203,.72) !important;
}
.marketing-pricing .price{
  font-size:clamp(42px, 5.6vw, 58px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
}

.monthly-rate{
  font-size:clamp(11.6px, 1vw, 13px) !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}
.final-cta h2{
  line-height:1.25 !important;
  margin-bottom:12px !important;
}

.final-cta p{
  font-size:clamp(14px, 1.55vw, 17px) !important;
  line-height:1.82 !important;
  font-weight:700 !important;
}
details summary{
  font-size:clamp(14.5px, 1.25vw, 17px) !important;
  line-height:1.55 !important;
  font-weight:850 !important;
}

details p{
  font-size:clamp(13px, 1.1vw, 15px) !important;
  line-height:1.75 !important;
}
@media (max-width:720px){
  .section-title-fancy{
    min-height:54px !important;
    padding:11px 18px !important;
    border-radius:20px !important;
    gap:10px !important;
  }

  .section-title-label,
  .final-cta h2 .section-title-label{
    font-size:clamp(19px, 5.4vw, 24px) !important;
    line-height:1.25 !important;
  }

  .section-title-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:14px !important;
  }

  .section-jump-buttons a{
    min-height:174px !important;
    padding:18px 9px 14px !important;
  }

  .section-jump-buttons .cat-title{
    min-height:24px !important;
    font-size:14.8px !important;
    line-height:1.22 !important;
    margin-bottom:7px !important;
  }

  .section-jump-buttons .cat-desc{
    max-width:144px !important;
    min-height:54px !important;
    font-size:10.8px !important;
    line-height:1.48 !important;
  }

  .card h3,
  .feature-card h3,
  .device-card h3,
  .step-card h3,
  .price-card .duration,
  .eleven-name{
    font-size:clamp(15.5px, 4.2vw, 18px) !important;
    line-height:1.28 !important;
  }

  .card p,
  .feature-card p,
  .device-card p,
  .step-card p,
  .eleven-desc,
  .plan-note{
    font-size:12px !important;
    line-height:1.6 !important;
  }
}

@media (max-width:430px){
  .section-jump-buttons a{
    min-height:166px !important;
  }

  .section-jump-buttons .cat-title{
    font-size:14px !important;
  }

  .section-jump-buttons .cat-desc{
    max-width:134px !important;
    font-size:10.4px !important;
  }
}

.section-head{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:0 auto clamp(22px,3vw,34px) !important;
}

.section-title-fancy{
  width:min(100%, 760px) !important;
  min-height:58px !important;
  margin:0 auto !important;
  padding:11px 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:11px !important;
  border-radius:26px !important;
  text-align:center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,250,231,.72)),
    radial-gradient(circle at 50% 0%, rgba(230,195,82,.16), transparent 68%) !important;
  border:1px solid rgba(184,143,36,.20) !important;
  box-shadow:
    0 14px 32px rgba(158,125,39,.10),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(184,143,36,.08) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
}

.section-title-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#1a1507 !important;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.96), rgba(255,239,177,.88) 52%, rgba(230,195,82,.92) 100%) !important;
  border:1px solid rgba(184,143,36,.26) !important;
  box-shadow:
    0 9px 20px rgba(184,143,36,.13),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.section-title-icon svg{
  width:20px !important;
  height:20px !important;
}

.section-title-label{
  margin:0 !important;
  padding:0 !important;
  display:inline-block !important;
  font-size:clamp(18px, 2vw, 25px) !important;
  line-height:1.28 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:#151207 !important;
  text-align:center !important;
  white-space:normal !important;
  text-wrap:balance !important;
}

.section-title-fancy .hulk-word{
  font-size:1em !important;
  line-height:1 !important;
  margin-inline:.14em !important;
  vertical-align:baseline !important;
}
html:not(.light-mode) .section-title-fancy{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,250,231,.74)),
    radial-gradient(circle at 50% 0%, rgba(230,195,82,.16), transparent 68%) !important;
  border-color:rgba(184,143,36,.20) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(184,143,36,.08) !important;
}

html:not(.light-mode) .section-title-label{
  color:#151207 !important;
}

html:not(.light-mode) .section-title-icon{
  color:#1a1507 !important;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.96), rgba(255,239,177,.88) 52%, rgba(230,195,82,.92) 100%) !important;
  border-color:rgba(184,143,36,.26) !important;
}
@media (max-width:720px){
  .section-title-fancy{
    width:100% !important;
    min-height:52px !important;
    padding:10px 14px !important;
    border-radius:21px !important;
    gap:9px !important;
  }

  .section-title-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:13px !important;
  }

  .section-title-icon svg{
    width:17px !important;
    height:17px !important;
  }

  .section-title-label{
    font-size:clamp(16px,4.45vw,20px) !important;
    line-height:1.28 !important;
  }
}

@media (max-width:430px){
  .section-title-fancy{
    padding-inline:12px !important;
  }

  .section-title-label{
    font-size:clamp(15.5px,4.55vw,19px) !important;
  }
}

#content > .section-head,
#plans > .section-head,
#features > .section-head,
#devices > .section-head,
#steps > .section-head,
#faq > .section-head,
.premium-final-cta > .section-head{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:clamp(18px, 2.8vw, 26px) auto clamp(14px, 2vw, 18px) !important;
}

#content .section-title-fancy,
#plans .section-title-fancy,
#features .section-title-fancy,
#devices .section-title-fancy,
#steps .section-title-fancy,
#faq .section-title-fancy,
.premium-final-cta .section-title-fancy{
  width:min(100%, 760px) !important;
  min-height:46px !important;
  padding:7px 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border-radius:22px !important;
  text-align:center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,250,231,.72)),
    radial-gradient(circle at 50% 0%, rgba(230,195,82,.14), transparent 70%) !important;
  border:1px solid rgba(184,143,36,.20) !important;
  box-shadow:
    0 10px 24px rgba(158,125,39,.075),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(184,143,36,.07) !important;
  backdrop-filter:blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1) !important;
}

html:not(.light-mode) #content .section-title-fancy,
html:not(.light-mode) #plans .section-title-fancy,
html:not(.light-mode) #features .section-title-fancy,
html:not(.light-mode) #devices .section-title-fancy,
html:not(.light-mode) #steps .section-title-fancy,
html:not(.light-mode) #faq .section-title-fancy,
html:not(.light-mode) .premium-final-cta .section-title-fancy{
  background:
    linear-gradient(180deg, rgba(34,29,13,.78), rgba(17,14,7,.68)),
    radial-gradient(circle at 50% 0%, rgba(230,195,82,.13), transparent 70%) !important;
  border-color:rgba(230,195,82,.20) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(230,195,82,.07) !important;
}

#content .section-title-icon,
#plans .section-title-icon,
#features .section-title-icon,
#devices .section-title-icon,
#steps .section-title-icon,
#faq .section-title-icon,
.premium-final-cta .section-title-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  flex:0 0 30px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#content .section-title-icon svg,
#plans .section-title-icon svg,
#features .section-title-icon svg,
#devices .section-title-icon svg,
#steps .section-title-icon svg,
#faq .section-title-icon svg,
.premium-final-cta .section-title-icon svg{
  width:16px !important;
  height:16px !important;
}

#content .section-title-label,
#plans .section-title-label,
#features .section-title-label,
#devices .section-title-label,
#steps .section-title-label,
#faq .section-title-label,
.premium-final-cta .section-title-label{
  margin:0 !important;
  padding:0 !important;
  display:inline-block !important;
  font-size:clamp(15px, 1.9vw, 19px) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  color:#17150b !important;
  text-align:center !important;
}

#content .section-title-label .hulk-word,
#plans .section-title-label .hulk-word,
#features .section-title-label .hulk-word,
#devices .section-title-label .hulk-word,
#steps .section-title-label .hulk-word,
#faq .section-title-label .hulk-word,
.premium-final-cta .section-title-label .hulk-word{
  font-size:1em !important;
  line-height:1 !important;
  font-weight:950 !important;
  vertical-align:baseline !important;
  margin-inline:.12em !important;
}

html:not(.light-mode) #content .section-title-label,
html:not(.light-mode) #plans .section-title-label,
html:not(.light-mode) #features .section-title-label,
html:not(.light-mode) #devices .section-title-label,
html:not(.light-mode) #steps .section-title-label,
html:not(.light-mode) #faq .section-title-label,
html:not(.light-mode) .premium-final-cta .section-title-label{
  color:#fff4c8 !important;
}

#content.hulk-content-showcase{
  padding-top:clamp(18px, 2.2vw, 24px) !important;
}

#content .style-eleven-shell{
  margin-top:0 !important;
  padding:clamp(10px, 1.8vw, 16px) !important;
  border-radius:24px !important;
}

#content .style-eleven-grid{
  display:grid !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  gap:clamp(12px, 2.5vw, 18px) !important;
}

#content .eleven-card{
  min-height:168px !important;
  height:100% !important;
  padding:14px 10px 13px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  text-align:center !important;
}

#content .eleven-logo-box{
  width:min(122px, 100%) !important;
  height:68px !important;
  min-height:68px !important;
  max-height:68px !important;
  margin:0 auto 5px !important;
  padding:9px !important;
  border-radius:18px !important;
  align-self:center !important;
}

#content .eleven-name{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  display:block !important;
  font-size:clamp(14px, 1.6vw, 17px) !important;
  line-height:1.34 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  color:inherit !important;
  text-align:center !important;
  align-self:center !important;
}

#content .eleven-desc{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  display:block !important;
  font-size:clamp(10.8px, 1.05vw, 13px) !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  color:rgba(255,249,232,.70) !important;
  text-align:center !important;
  align-self:center !important;
}

html.light-mode #content .eleven-desc{
  color:rgba(23,21,11,.62) !important;
}

#plans{
  padding-top:clamp(14px, 1.8vw, 22px) !important;
}

#plans > .section-head{
  margin-top:clamp(18px, 2.2vw, 24px) !important;
}

#plans .marketing-pricing{
  align-items:stretch !important;
  gap:clamp(14px, 2.4vw, 22px) !important;
}

#plans .price-card{
  justify-content:space-between !important;
  text-align:center !important;
  gap:10px !important;
  padding:22px 16px 18px !important;
  min-height:292px !important;
}

#plans .price-card.featured .price-card-head{
  padding-top:22px !important;
}

#plans .duration{
  font-size:clamp(15px, 2.4vw, 20px) !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

#plans .price{
  font-size:clamp(38px, 6vw, 54px) !important;
  line-height:.96 !important;
  margin:8px auto 6px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:5px !important;
}

#plans .price small{
  font-size:.34em !important;
  line-height:1.45 !important;
  font-weight:850 !important;
  margin:0 !important;
}

#plans .monthly-rate{
  font-size:clamp(11px, 2.15vw, 13px) !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  margin:2px auto 0 !important;
}

#plans .plan-note{
  max-width:230px !important;
  margin:12px auto 0 !important;
  font-size:clamp(11.6px, 2.35vw, 14px) !important;
  line-height:1.62 !important;
  font-weight:500 !important;
  text-align:center !important;
}

#plans .small-btn{
  min-height:46px !important;
  font-size:14px !important;
  font-weight:900 !important;
}

@media (max-width: 640px){
  #content > .section-head,
  #plans > .section-head,
  #features > .section-head,
  #devices > .section-head,
  #steps > .section-head,
  #faq > .section-head,
  .premium-final-cta > .section-head{
    margin:20px auto 14px !important;
  }

  #content .section-title-fancy,
  #plans .section-title-fancy,
  #features .section-title-fancy,
  #devices .section-title-fancy,
  #steps .section-title-fancy,
  #faq .section-title-fancy,
  .premium-final-cta .section-title-fancy{
    min-height:44px !important;
    padding:6px 12px !important;
    gap:8px !important;
    border-radius:20px !important;
  }

  #content .section-title-icon,
  #plans .section-title-icon,
  #features .section-title-icon,
  #devices .section-title-icon,
  #steps .section-title-icon,
  #faq .section-title-icon,
  .premium-final-cta .section-title-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex-basis:30px !important;
    border-radius:12px !important;
  }

  #content .section-title-icon svg,
  #plans .section-title-icon svg,
  #features .section-title-icon svg,
  #devices .section-title-icon svg,
  #steps .section-title-icon svg,
  #faq .section-title-icon svg,
  .premium-final-cta .section-title-icon svg{
    width:16px !important;
    height:16px !important;
  }

  #content .section-title-label,
  #plans .section-title-label,
  #features .section-title-label,
  #devices .section-title-label,
  #steps .section-title-label,
  #faq .section-title-label,
  .premium-final-cta .section-title-label{
    font-size:15px !important;
    line-height:1.16 !important;
    white-space:normal !important;
  }

  #content,
  #plans,
  #features,
  #devices,
  #steps,
  #faq,
  .premium-final-cta{
    padding-top:18px !important;
    padding-bottom:30px !important;
  }

  #content.hulk-content-showcase{
    padding-top:18px !important;
  }

  #content .style-eleven-shell{
    padding:10px 10px 12px !important;
  }

  #content .style-eleven-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }

  #content .eleven-card{
    min-height:154px !important;
    padding:12px 8px 11px !important;
    gap:6px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  #content .eleven-logo-box{
    width:min(112px, 100%) !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    padding:8px !important;
    margin:0 auto 4px !important;
  }

  #content .eleven-name{
    width:100% !important;
    display:block !important;
    font-size:14px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }

  #content .eleven-desc{
    width:100% !important;
    display:block !important;
    font-size:10.8px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    text-align:center !important;
  }

  #plans{
    padding-top:16px !important;
  }

  #plans > .section-head{
    margin-top:20px !important;
    margin-bottom:14px !important;
  }

  #plans .marketing-pricing{
    gap:14px !important;
  }

  #plans .price-card{
    min-height:286px !important;
    padding:20px 12px 16px !important;
  }

  #plans .price{
    font-size:40px !important;
    line-height:.96 !important;
  }

  #plans .price small{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  #plans .plan-note{
    font-size:11.8px !important;
    font-weight:500 !important;
    line-height:1.62 !important;
  }
}

@media (max-width: 390px){
  #content .section-title-label,
  #plans .section-title-label,
  #features .section-title-label,
  #devices .section-title-label,
  #steps .section-title-label,
  #faq .section-title-label,
  .premium-final-cta .section-title-label{
    font-size:14.8px !important;
  }

  #content .eleven-card{
    min-height:150px !important;
  }

  #plans .price{
    font-size:39px !important;
  }
}
#content,
#plans,
#features,
#devices,
#steps,
#faq,
.premium-final-cta{
  margin-top:42px !important;
  padding-top:0 !important;
  padding-bottom:34px !important;
}

#content > .section-head,
#plans > .section-head,
#features > .section-head,
#devices > .section-head,
#steps > .section-head,
#faq > .section-head,
.premium-final-cta > .section-head{
  margin-top:0 !important;
  margin-bottom:24px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
#content .section-title-fancy,
#plans .section-title-fancy,
#features .section-title-fancy,
#devices .section-title-fancy,
#steps .section-title-fancy,
#faq .section-title-fancy,
.premium-final-cta .section-title-fancy{
  margin:0 auto !important;
}
#plans > .section-head{
  margin-bottom:22px !important;
}

#plans .marketing-pricing{
  margin-top:0 !important;
}

@media (max-width: 640px){
  #content,
  #plans,
  #features,
  #devices,
  #steps,
  #faq,
  .premium-final-cta{
    margin-top:46px !important;
    padding-top:0 !important;
    padding-bottom:32px !important;
  }

  #content > .section-head,
  #plans > .section-head,
  #features > .section-head,
  #devices > .section-head,
  #steps > .section-head,
  #faq > .section-head,
  .premium-final-cta > .section-head{
    margin-top:0 !important;
    margin-bottom:22px !important;
  }

  #faq > .section-head{
    margin-bottom:24px !important;
  }

  #plans > .section-head{
    margin-bottom:22px !important;
  }
}
#steps{
  padding-bottom:4px !important;
}

#faq{
  margin-top:16px !important;
  padding-top:0 !important;
}

#faq > .section-head{
  margin-top:0 !important;
  margin-bottom:16px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

#faq .section-title-fancy{
  margin:0 auto !important;
}

#faq .faq-wrap{
  margin-top:0 !important;
}

@media (max-width: 640px){
  #steps{
    padding-bottom:4px !important;
  }

  #faq{
    margin-top:16px !important;
    padding-top:0 !important;
  }

  #faq > .section-head{
    margin-top:0 !important;
    margin-bottom:16px !important;
  }
}
main > section.page.reveal#content,
main > section.page.reveal#plans,
main > section.page.reveal#features,
main > section.page.reveal#devices,
main > section.page.reveal#steps,
main > section.page.reveal#faq,
main > section.page.reveal > .premium-final-cta{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

main > section.page.reveal#content,
main > section.page.reveal#plans,
main > section.page.reveal#features,
main > section.page.reveal#devices,
main > section.page.reveal#steps,
main > section.page.reveal#faq{
  padding-top:22px !important;
  padding-bottom:22px !important;
}

main > section.page.reveal#content > .section-head,
main > section.page.reveal#plans > .section-head,
main > section.page.reveal#features > .section-head,
main > section.page.reveal#devices > .section-head,
main > section.page.reveal#steps > .section-head,
main > section.page.reveal#faq > .section-head,
main > section.page.reveal > .premium-final-cta > .section-head{
  margin-top:0 !important;
  margin-bottom:22px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

main > section.page.reveal#content > .section-head .section-title-fancy,
main > section.page.reveal#plans > .section-head .section-title-fancy,
main > section.page.reveal#features > .section-head .section-title-fancy,
main > section.page.reveal#devices > .section-head .section-title-fancy,
main > section.page.reveal#steps > .section-head .section-title-fancy,
main > section.page.reveal#faq > .section-head .section-title-fancy,
main > section.page.reveal > .premium-final-cta > .section-head .section-title-fancy{
  margin:0 auto !important;
}

main > section.page.reveal#content > :not(.section-head):last-child,
main > section.page.reveal#plans > :not(.section-head):last-child,
main > section.page.reveal#features > :not(.section-head):last-child,
main > section.page.reveal#devices > :not(.section-head):last-child,
main > section.page.reveal#steps > :not(.section-head):last-child,
main > section.page.reveal#faq > :not(.section-head):last-child{
  margin-bottom:0 !important;
}

main > section.page.reveal > .final-cta.premium-final-cta{
  margin-top:22px !important;
}

@media (max-width: 640px){
  main > section.page.reveal#content,
  main > section.page.reveal#plans,
  main > section.page.reveal#features,
  main > section.page.reveal#devices,
  main > section.page.reveal#steps,
  main > section.page.reveal#faq{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }

  main > section.page.reveal#content > .section-head,
  main > section.page.reveal#plans > .section-head,
  main > section.page.reveal#features > .section-head,
  main > section.page.reveal#devices > .section-head,
  main > section.page.reveal#steps > .section-head,
  main > section.page.reveal#faq > .section-head,
  main > section.page.reveal > .premium-final-cta > .section-head{
    margin-bottom:20px !important;
  }

  main > section.page.reveal > .final-cta.premium-final-cta{
    margin-top:20px !important;
  }
}

.final-cta.premium-final-cta{
  position: relative !important;
  overflow: visible !important;
  margin-top: 92px !important;
  padding-top: 42px !important;
}

.final-cta.premium-final-cta > div > .section-title-fancy{
  position: absolute !important;
  top: -66px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 52px) !important;
  max-width: 780px !important;
  min-height: 42px !important;
  padding: 6px 12px !important;
  border-radius: 18px !important;
  margin: 0 !important;
  z-index: 20 !important;
  box-sizing: border-box !important;
}

.final-cta.premium-final-cta > div > .section-title-fancy .section-title-label,
.final-cta.premium-final-cta > div > .section-title-fancy,
.final-cta.premium-final-cta > div > .section-title-fancy span{
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 840 !important;
}

.final-cta.premium-final-cta > div > .section-title-fancy .hulk-word,
.final-cta.premium-final-cta > div > .section-title-fancy strong{
  font-size: 1em !important;
  line-height: 1 !important;
  font-weight: 860 !important;
}

.final-cta.premium-final-cta > div > .section-title-fancy .section-title-icon{
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 10px !important;
}

.final-cta.premium-final-cta > div{
  position: static !important;
}

.final-cta.premium-final-cta > div > .section-title-fancy + p{
  margin-top: 0 !important;
}

@media (max-width:720px){
  .final-cta.premium-final-cta{
    margin-top: 82px !important;
    padding-top: 38px !important;
  }

  .final-cta.premium-final-cta > div > .section-title-fancy{
    top: -58px !important;
    width: calc(100% - 34px) !important;
    min-height: 40px !important;
    padding: 5px 10px !important;
    border-radius: 16px !important;
  }

  .final-cta.premium-final-cta > div > .section-title-fancy .section-title-label,
  .final-cta.premium-final-cta > div > .section-title-fancy,
  .final-cta.premium-final-cta > div > .section-title-fancy span{
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 840 !important;
  }

  .final-cta.premium-final-cta > div > .section-title-fancy .section-title-icon{
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }
}

@media (max-width:430px){
  .final-cta.premium-final-cta{
    margin-top: 78px !important;
    padding-top: 36px !important;
  }

  .final-cta.premium-final-cta > div > .section-title-fancy{
    top: -55px !important;
    width: calc(100% - 28px) !important;
  }
}



#reviews.reviews-v834{
  position:relative;
  overflow:hidden;
  padding-top:22px;
  padding-bottom:26px;
  scroll-margin-top:96px;
}
#reviews.reviews-v834::before,
#reviews.reviews-v834::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(14px);
}
#reviews.reviews-v834::before{
  width:260px;height:260px;right:-155px;top:8%;
  background:radial-gradient(circle,rgba(231,196,76,.16),transparent 70%);
}
#reviews.reviews-v834::after{
  width:230px;height:230px;left:-145px;bottom:0;
  background:radial-gradient(circle,rgba(69,188,170,.10),transparent 72%);
}

#reviews .reviews-v834-head{
  margin-bottom:12px;
}
#reviews .reviews-v834-head .section-title-fancy{
  min-height:68px;
  padding:11px 16px;
}
#reviews .reviews-v834-shell{
  position:relative;
  z-index:1;
  padding:16px 12px 14px;
  border-radius:27px;
  background:
    radial-gradient(circle at 86% 2%,rgba(232,198,79,.13),transparent 29%),
    radial-gradient(circle at 10% 100%,rgba(69,188,170,.075),transparent 31%),
    linear-gradient(145deg,rgba(255,253,245,.90),rgba(248,250,247,.84));
  border:1px solid rgba(151,135,81,.18);
  box-shadow:0 20px 52px rgba(41,61,57,.075),inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(12px) saturate(125%);
}
html:not(.light-mode) #reviews .reviews-v834-shell{
  background:
    radial-gradient(circle at 86% 2%,rgba(232,198,79,.12),transparent 29%),
    radial-gradient(circle at 10% 100%,rgba(69,188,170,.06),transparent 31%),
    linear-gradient(145deg,rgba(25,21,12,.92),rgba(11,9,6,.94));
  border-color:rgba(235,201,79,.16);
}

#reviews .reviews-v834-facts{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:6px 8px 11px;
  border-bottom:1px solid rgba(137,144,139,.13);
}
#reviews .reviews-v834-facts > i{
  width:1px;
  height:37px;
  background:linear-gradient(180deg,transparent,rgba(164,133,45,.26),transparent);
}
#reviews .reviews-v834-fact{
  min-width:0;
  text-align:center;
}
#reviews .reviews-v834-fact strong{
  display:block;
  color:#765a13;
  font-size:clamp(20px,3.7vw,29px);
  line-height:1.05;
  font-weight:950;
}
html:not(.light-mode) #reviews .reviews-v834-fact strong{color:#efd77f}
#reviews .reviews-v834-fact strong small{
  font-size:.52em;
  color:#84908a;
}
#reviews .reviews-v834-fact span{
  display:block;
  margin-top:4px;
  color:#70807b;
  font-size:10px;
  font-weight:850;
}
html:not(.light-mode) #reviews .reviews-v834-fact span{color:#b4aa91}

#reviews .reviews-v834-bars{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  padding-top:10px;
}
#reviews .reviews-v834-bar-row{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 58px;
  gap:8px;
  align-items:center;
  min-height:31px;
  color:#62716d;
  font-size:10px;
  font-weight:900;
}
html:not(.light-mode) #reviews .reviews-v834-bar-row{color:#c8bea7}
#reviews .reviews-v834-track{
  height:7px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(190,204,198,.42);
}
html:not(.light-mode) #reviews .reviews-v834-track{background:#282216}
#reviews .reviews-v834-track b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#9f7416,#ddb01d,#f0d878);
  box-shadow:0 0 16px rgba(224,179,39,.16);
}
#reviews .reviews-v834-bar-row > strong{
  text-align:end;
  color:#6e5a20;
}
html:not(.light-mode) #reviews .reviews-v834-bar-row > strong{color:#e5ce76}
#reviews .reviews-v834-stage{
  position:relative;
  margin-top:13px;
}
#reviews .reviews-v834-viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:10px 0 18px;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#reviews .reviews-v834-viewport::-webkit-scrollbar{display:none}
#reviews .reviews-v834-viewport:active{cursor:grabbing}
#reviews .review-card{
  direction:rtl;
  flex:0 0 min(78vw,550px);
  min-height:250px;
  padding:23px;
  position:relative;
  overflow:hidden;
  border-radius:25px;
  background:
    radial-gradient(circle at 12% 10%,rgba(239,209,104,.14),transparent 28%),
    linear-gradient(145deg,rgba(255,252,239,.97),rgba(249,250,246,.96));
  border:1px solid rgba(183,139,31,.22);
  box-shadow:0 15px 40px rgba(41,61,57,.085);
  opacity:.70;
  transform:scale(.955);
  transition:transform .45s ease,opacity .35s ease,box-shadow .35s ease,border-color .35s ease;
}
html:not(.light-mode) #reviews .review-card{
  background:
    radial-gradient(circle at 12% 10%,rgba(239,209,104,.10),transparent 28%),
    linear-gradient(145deg,rgba(29,24,13,.96),rgba(13,10,6,.98));
  border-color:rgba(235,201,79,.16);
}
#reviews .review-card.is-active{
  opacity:1;
  transform:scale(1);
  border-color:rgba(183,139,31,.38);
  box-shadow:
    0 24px 58px rgba(41,61,57,.13),
    0 0 34px rgba(230,193,71,.10);
}
#reviews .review-card::before{
  content:"";
  position:absolute;
  width:170px;height:170px;
  left:-85px;top:-85px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(239,207,99,.16),transparent 72%);
  pointer-events:none;
}
#reviews .review-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
#reviews .review-author{
  color:#263739;
  font-size:clamp(18px,3vw,23px);
  font-weight:950;
}
html:not(.light-mode) #reviews .review-author{color:#efe2bd}
#reviews .verified-badge{
  margin-top:5px;
  color:#278252;
  font-size:11px;
  font-weight:900;
}
html:not(.light-mode) #reviews .verified-badge{color:#74d49a}
#reviews .review-date{
  color:#8b9691;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}
#reviews .review-stars{
  margin-top:19px;
  color:#e2b41f;
  letter-spacing:3px;
  font-size:21px;
  line-height:1;
}
#reviews .review-body{
  margin:22px 0 0;
  color:#314441;
  font-size:clamp(18px,3.4vw,24px);
  font-weight:850;
  line-height:1.75;
}
html:not(.light-mode) #reviews .review-body{color:#d8cdb2}

#reviews .reviews-v834-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:1px;
}
#reviews .reviews-v834-nav{
  width:39px;height:39px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(183,139,31,.25);
  background:rgba(255,253,245,.92);
  color:#765a13;
  font-size:25px;
  line-height:1;
  box-shadow:0 7px 20px rgba(41,61,57,.055);
}
html:not(.light-mode) #reviews .reviews-v834-nav{
  background:rgba(25,21,12,.92);
  color:#efd77f;
  border-color:rgba(235,201,79,.20);
}
#reviews .reviews-v834-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:104px;
}
#reviews .reviews-v834-dot{
  width:7px;height:7px;
  padding:0;border:0;
  border-radius:999px;
  background:#c7d0cc;
  transition:width .28s ease,background .28s ease;
}
#reviews .reviews-v834-dot.is-active{
  width:25px;
  background:linear-gradient(90deg,#9f7416,#dfb21e);
}
html:not(.light-mode) #reviews .reviews-v834-dot{background:#51482d}
html:not(.light-mode) #reviews .reviews-v834-dot.is-active{background:linear-gradient(90deg,#bd8e23,#f0d878)}

@media(max-width:620px){
  #reviews.reviews-v834{padding-top:18px;padding-bottom:22px}
  #reviews .reviews-v834-head .section-title-fancy{
    min-height:62px;
    padding:10px 13px;
  }
  #reviews .reviews-v834-shell{
    padding:12px 9px 13px;
    border-radius:22px;
  }
  #reviews .reviews-v834-facts{
    gap:9px;
    padding-inline:2px;
  }
  #reviews .reviews-v834-facts > i{height:31px}
  #reviews .reviews-v834-fact strong{font-size:21px}
  #reviews .reviews-v834-fact span{font-size:8px}
  #reviews .reviews-v834-bars{
    grid-template-columns:1fr;
    gap:5px;
  }
  #reviews .reviews-v834-bar-row{min-height:27px}
  #reviews .reviews-v834-track-list{
    gap:10px;
    padding-inline:7vw;
  }
  #reviews .review-card{
    flex-basis:86vw;
    min-height:270px;
    padding:21px 19px;
    border-radius:23px;
  }
  #reviews .review-body{font-size:20px}
}
@media(max-width:390px){
  #reviews .reviews-v834-fact strong{font-size:19px}
  #reviews .reviews-v834-fact span{font-size:7.5px}
  #reviews .review-card{flex-basis:87vw}
}
@media(prefers-reduced-motion:reduce){
  #reviews .reviews-v834-viewport{scroll-behavior:auto}
  #reviews .review-card,
  #reviews .reviews-v834-dot{transition:none!important}
}
#reviews .reviews-v834-viewport{
  overflow:hidden !important;
  direction:ltr !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  touch-action:pan-y !important;
  overscroll-behavior:none !important;
  cursor:grab !important;
}
#reviews .reviews-v834-viewport.is-dragging{
  cursor:grabbing !important;
}
#reviews .reviews-v834-track-list{
  display:flex !important;
  align-items:stretch !important;
  gap:13px !important;
  width:max-content !important;
  padding-inline:8vw !important;
  direction:ltr !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  transition:transform .72s cubic-bezier(.22,.78,.2,1) !important;
}
#reviews .reviews-v834-viewport.is-dragging .reviews-v834-track-list{
  transition:none !important;
}
#reviews .review-card{
  scroll-snap-align:none !important;
  scroll-snap-stop:normal !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
#reviews .review-card *{
  user-select:none !important;
  -webkit-user-select:none !important;
}
.section-jump-buttons > a[href="#faq"]:last-child{
  grid-column:1 / -1 !important;
  justify-self:center !important;
  width:calc((100% - 32px) / 3) !important;
}

@media (max-width:980px){
  .section-jump-buttons > a[href="#faq"]:last-child{
    width:calc((100% - 16px) / 2) !important;
  }
}
@media (max-width:680px){
  #reviews .reviews-v834-track-list{
    gap:10px !important;
    padding-inline:7vw !important;
  }
  .section-jump-buttons > a[href="#faq"]:last-child{
    width:calc((100% - 12px) / 2) !important;
  }
}
@media (max-width:430px){
  .section-jump-buttons > a[href="#faq"]:last-child{
    width:calc((100% - 10px) / 2) !important;
  }
}
@media (prefers-reduced-motion:reduce){
  #reviews .reviews-v834-track-list{
    transition:none !important;
  }
}

/* HULKSA Smart Mini Cart v1 — scoped and non-destructive */
.hulk-mini-cart-overlay{
  position:fixed;inset:0;z-index:99990;display:flex;align-items:flex-end;justify-content:center;
  padding:18px;background:rgba(11,10,6,.48);backdrop-filter:blur(11px);
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease
}
.hulk-mini-cart-overlay.open{opacity:1;visibility:visible}
.hulk-mini-cart{
  width:min(520px,100%);position:relative;padding:22px;border-radius:26px;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(255,249,225,.98));
  border:1px solid rgba(160,125,35,.22);box-shadow:0 28px 80px rgba(28,32,28,.28);
  transform:translateY(24px) scale(.985);transition:transform .25s cubic-bezier(.2,.8,.2,1);color:#243431
}
.hulk-mini-cart-overlay.open .hulk-mini-cart{transform:none}
.hulk-mini-cart-close{
  position:absolute;left:15px;top:15px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(130,110,58,.16);
  background:rgba(255,255,255,.72);color:#5e542e;font-size:25px;line-height:1
}
.hulk-mini-cart-kicker{font-size:11px;font-weight:900;color:#93721f;margin-bottom:5px}
.hulk-mini-cart h2{margin:0;font-size:25px;font-weight:950;color:#203430}
.hulk-mini-cart-summary{display:grid;gap:9px;margin:18px 0;padding:14px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(139,118,59,.15)}
.hulk-mini-cart-summary div{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hulk-mini-cart-summary span{font-size:11px;color:#74807b;font-weight:800}
.hulk-mini-cart-summary strong{font-size:14px;color:#203430;font-weight:950}
.hulk-mini-cart-checkout,.hulk-mini-cart-back{
  min-height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:13px
}
.hulk-mini-cart-checkout{background:linear-gradient(135deg,#816015,#c99e2d,#eed16f);color:#161105;box-shadow:0 12px 28px rgba(158,119,27,.20)}
.hulk-mini-cart-back{width:100%;margin-top:8px;border:1px solid rgba(113,102,67,.15);background:rgba(255,255,255,.55);color:#59645f}
.hulk-mini-cart p{margin:10px 0 0;text-align:center;color:#84908a;font-size:10px;font-weight:750}
html.mini-cart-open{overflow:hidden}
html:not(.light-mode) .hulk-mini-cart{background:linear-gradient(155deg,rgba(28,24,13,.99),rgba(9,8,5,.99));color:#f0df9b;border-color:rgba(232,199,82,.20)}
html:not(.light-mode) .hulk-mini-cart h2,html:not(.light-mode) .hulk-mini-cart-summary strong{color:#f0df9b}
html:not(.light-mode) .hulk-mini-cart-summary{background:rgba(12,10,6,.72);border-color:rgba(232,199,82,.13)}
html:not(.light-mode) .hulk-mini-cart-back,html:not(.light-mode) .hulk-mini-cart-close{background:rgba(24,20,11,.88);color:#e8d078;border-color:rgba(232,199,82,.14)}
@media(min-width:700px){.hulk-mini-cart-overlay{align-items:center}.hulk-mini-cart{padding:26px}}
@media(prefers-reduced-motion:reduce){.hulk-mini-cart-overlay,.hulk-mini-cart{transition:none}}