/* Restored landing components from exempluvechi, adapted to the live catalog. */

.home-nav {
  left: 50% !important;
  width: 100%;
  transform: translate(-50%, 0);
  transition: top .38s cubic-bezier(.16,1,.3,1), width .38s cubic-bezier(.16,1,.3,1), padding .38s cubic-bezier(.16,1,.3,1), border-radius .38s ease, background .38s ease, box-shadow .38s ease !important;
}
.home-nav.is-scrolled {
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  animation: supreme-nav-drop .42s cubic-bezier(.16,1,.3,1) both;
}
@keyframes supreme-nav-drop {
  from { transform: translate(-50%, -24px); opacity: .72; }
  to { transform: translate(-50%, 0); opacity: 1; }
}

.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section { position: relative; padding: 90px 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 30px; border-radius: 9px; color: #fff; font-size: 15px; font-weight: 750; text-decoration: none; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.btn-primary { background: rgba(255,40,80,.88); border: 1px solid rgba(255,40,80,.42); }
.btn-primary:hover { background: #ff2850; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(255,40,80,.28); }
.btn-secondary { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.11); }
.btn-secondary:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.22); transform: translateY(-3px); }

/* Original hero composition with rotating multi-game menu artwork. */
.hero.section-complex { min-height: 100vh; padding: 140px 0 100px; background: #0a0a0a; z-index: 1; position: relative; overflow: hidden; display: flex; align-items: center; }
.floating-blob { position: absolute; border-radius: 50%; filter: blur(100px); z-index: 0; opacity: .15; pointer-events: none; }
.floating-blob.pink { top: 15%; right: 15%; width: 450px; height: 450px; background: #ff2850; animation: 18s infinite alternate moveBlob; }
.floating-blob.blue { bottom: 10%; left: 10%; width: 550px; height: 550px; background: #f05; animation: 25s infinite alternate-reverse moveBlob; }
.hero-visual-layer-side { position: absolute; top: 50%; right: 4%; transform: translateY(-50%) perspective(2000px) rotateY(-18deg) rotateX(8deg); width: min(49%, 760px); opacity: .58; z-index: 1; transition: .8s cubic-bezier(.16,1,.3,1); pointer-events: auto; }
.menu-parallax-container { position: relative; width: 100%; aspect-ratio: 1.38; }
.menu-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; opacity: 0; transform: translateY(14px) scale(.975); filter: drop-shadow(0 0 50px rgba(255,40,80,.2)) blur(1px); transition: opacity .85s ease, transform .85s cubic-bezier(.16,1,.3,1); }
.menu-slide.is-active { opacity: 1; transform: translateY(0) scale(1); animation: 6s ease-in-out infinite floatingMenu; }
.glass-overlay-shimmer { position: absolute; inset: 0; background: linear-gradient(135deg,transparent 0,rgba(255,255,255,.05) 50%,transparent 100%); animation: 4s linear infinite scanline; pointer-events: none; }
.legacy-menu-tabs { position: absolute; left: 50%; bottom: -22px; z-index: 3; display: flex; gap: 7px; padding: 6px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(9,9,12,.84); backdrop-filter: blur(14px); box-shadow: 0 15px 40px rgba(0,0,0,.35); }
.legacy-menu-tab { border: 0; border-radius: 999px; padding: 9px 15px; background: transparent; color: rgba(255,255,255,.55); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; transition: .25s ease; }
.legacy-menu-tab.is-active { color: #fff; background: #ff2850; box-shadow: 0 7px 22px rgba(255,40,80,.28); }
.hero-foreground { position: relative; z-index: 10; width: 100%; }
.hero-split-layout { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 50px; }
.hero-text-content { text-align: left; max-width: 690px; }
.hero-main-title { font-size: clamp(3.2rem,5.8vw,5.3rem); font-weight: 900; line-height: 1.02; margin: 0 0 27px; letter-spacing: -3px; color: #fff; text-transform: uppercase; }
.hero-main-title .highlight { color: #ff2850; text-shadow: 0 0 45px rgba(255,40,80,.28); }
.hero-description { color: rgba(255,255,255,.67); font-size: 1.23rem; line-height: 1.72; margin: 0 0 44px; max-width: 620px; }
.hero-buttons { display: flex; gap: 18px; flex-wrap: wrap; }
.hero-status-under { margin-top: 35px; display: flex; flex-direction: column; gap: 15px; align-items: flex-start; }
.tech-font { font-family: 'JetBrains Mono','Fira Code','Courier New',monospace; font-size: .84rem; letter-spacing: 1px; text-transform: uppercase; }
.hero-badge-glass-tech { background: rgba(255,255,255,.025); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.09); padding: 9px 20px; border-radius: 7px; display: inline-flex; align-items: center; gap: 12px; color: rgba(255,255,255,.8); }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: #0f8; box-shadow: 0 0 12px #0f8; animation: 1.5s infinite blink; }
.undetected { color: #0f8; font-weight: 800; }
.windows-support-minimal { display: flex; align-items: center; gap: 10px; opacity: .52; padding-left: 5px; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.5} }
@keyframes floatingMenu { 0%,100%{transform:translateY(0) rotateY(0)} 50%{transform:translateY(-18px) rotateY(2deg)} }
@keyframes scanline { 0%{transform:translate(-100%,-100%)} 100%{transform:translate(100%,100%)} }
@keyframes moveBlob { 0%{transform:translate(0,0) scale(1)} 100%{transform:translate(60px,30px) scale(1.1)} }

/* Worldwide – restored glass/globe composition. */
.worldwide-container { display:grid; grid-template-columns:minmax(280px,.9fr) minmax(520px,1.35fr); align-items:center; gap:48px; background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),radial-gradient(circle at 74% 45%,rgba(255,40,80,.18),transparent 42%),radial-gradient(circle at 14% 10%,rgba(255,255,255,.06),transparent 35%); border:1px solid rgba(255,255,255,.07); border-radius:30px; overflow:hidden; padding:64px 38px; position:relative; margin-top:20px; margin-bottom:20px; box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08); isolation:isolate; }
.worldwide-container::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:-1; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:52px 52px; mask-image:radial-gradient(circle at 68% 50%,#000 0%,transparent 72%); }
.ww-text { position:relative; z-index:3; max-width:470px; }
.ww-text h4 { font-size:12px; color:#ff3c5f; letter-spacing:2.8px; text-transform:uppercase; margin:0 0 16px; font-weight:800; }
.ww-text h2 { font-size:clamp(38px,4vw,56px); font-weight:900; color:#fff; line-height:.98; margin:0 0 22px; letter-spacing:-2px; }
.ww-text h2 span { color:#ff2850; }
.ww-text p { color:rgba(255,255,255,.66); font-size:16px; margin:0 0 34px; line-height:1.75; }
.ww-stats-row { display:flex; gap:14px; border-top:1px solid rgba(255,255,255,.1); padding-top:24px; }
.ww-stat { min-width:132px; padding:16px 18px; border-radius:18px; background:rgba(0,0,0,.24); border:1px solid rgba(255,255,255,.07); }
.ww-stat h3 { font-size:30px; color:#fff; font-weight:900; margin:0 0 5px; letter-spacing:-1px; }
.ww-stat p { font-size:12px; color:rgba(255,255,255,.58); text-transform:uppercase; letter-spacing:1px; margin:0; }
.ww-map-area { position:relative; min-height:440px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 50%,rgba(255,40,80,.08),transparent 56%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 70%); }
.world-globe-card { position:absolute; inset:10px 0 6px; border-radius:32px; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),radial-gradient(circle at 50% 50%,rgba(255,40,80,.2),transparent 44%),#07080b; border:1px solid rgba(255,255,255,.08); box-shadow:inset 0 0 55px rgba(255,40,80,.06),0 24px 70px rgba(0,0,0,.48); }
.world-globe-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,40,80,.18),transparent 18%,transparent 82%,rgba(255,40,80,.18)),radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.55) 100%); }
.world-globe-stage { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; z-index:2; }
.world-globe-stage::before { content:""; position:absolute; width:min(64%,390px); aspect-ratio:1; border-radius:50%; border:1px solid rgba(255,255,255,.08); box-shadow:inset 0 0 45px rgba(255,40,80,.08),0 0 80px rgba(255,40,80,.11); transform:rotate(-12deg) scaleX(1.05); }
#worldwide-cobe-globe { width:min(66%,410px); aspect-ratio:1; height:auto; opacity:0; display:block; margin:auto; cursor:grab; touch-action:none; filter:drop-shadow(0 22px 45px rgba(0,0,0,.62)) drop-shadow(0 0 28px rgba(255,40,80,.24)); transition:opacity .7s ease; }
.world-cobe-wrapper { position:relative!important; width:min(66%,410px)!important; aspect-ratio:1!important; height:auto!important; display:block; margin:auto; }
.world-cobe-wrapper #worldwide-cobe-globe { width:100%; height:100%; margin:0; }
#worldwide-cobe-globe.is-dragging { cursor:grabbing; }
.world-globe-card.is-ready #worldwide-cobe-globe { opacity:1; }
.world-globe-fallback { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:rgba(255,255,255,.58); font-size:12px; letter-spacing:1.4px; text-transform:uppercase; opacity:0; pointer-events:none; }
.world-globe-card.has-fallback .world-globe-fallback { opacity:1; }
.world-map-glow { position:absolute; width:46%; aspect-ratio:1; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:999px; background:rgba(255,40,80,.16); filter:blur(46px); pointer-events:none; }
.world-region-pin { position:absolute; z-index:7; translate:-50% -50%; width:30px; height:30px; display:grid; place-items:center; opacity:0; pointer-events:none; transition:opacity .24s ease,scale .24s ease; }
.world-region-dot { position:relative; width:16px; height:16px; border:0; border-radius:999px; padding:0; cursor:pointer; background:#ff3158; box-shadow:0 0 0 5px rgba(255,49,88,.15),0 0 22px rgba(255,49,88,.88); }
.world-region-dot::after { content:""; position:absolute; inset:0; border-radius:inherit; border:1px solid rgba(255,255,255,.38); animation:region-pulse 1.9s ease-out infinite; }
.world-region-tooltip { position:absolute; left:50%; bottom:calc(100% + 12px); min-width:150px; padding:10px 12px; border-radius:14px; transform:translate(-50%,8px) scale(.96); opacity:0; pointer-events:none; color:#fff; text-align:left; background:rgba(10,11,15,.92); border:1px solid rgba(255,255,255,.13); box-shadow:0 18px 38px rgba(0,0,0,.42),0 0 30px rgba(255,40,80,.13); backdrop-filter:blur(14px); transition:opacity .18s ease,transform .18s ease; }
.world-region-tooltip strong { display:block; font-size:10px; letter-spacing:1.4px; text-transform:uppercase; margin-bottom:4px; }
.world-region-tooltip span { display:block; color:#ff4568; font-size:12px; font-weight:900; letter-spacing:.5px; }
.world-region-pin:hover,.world-region-pin:focus-within { scale:1.12; }
.world-region-pin:hover .world-region-tooltip,.world-region-pin:focus-within .world-region-tooltip { opacity:1; transform:translate(-50%,0) scale(1); }
.wr-north-america { position-anchor:--cobe-region-north-america; left:anchor(center); top:anchor(center); opacity:var(--cobe-visible-region-north-america,0); }
.wr-europe { position-anchor:--cobe-region-europe; left:anchor(center); top:anchor(center); opacity:var(--cobe-visible-region-europe,0); }
.wr-asia { position-anchor:--cobe-region-asia; left:anchor(center); top:anchor(center); opacity:var(--cobe-visible-region-asia,0); }
.wr-oceania { position-anchor:--cobe-region-oceania; left:anchor(center); top:anchor(center); opacity:var(--cobe-visible-region-oceania,0); }
@keyframes region-pulse { 0%{transform:scale(.8);opacity:.75} 100%{transform:scale(2.55);opacity:0} }
@supports not (position-anchor: --cobe-region-europe) { .wr-north-america{left:35%;top:42%}.wr-europe{left:54%;top:35%}.wr-asia{left:67%;top:44%}.wr-oceania{left:70%;top:62%}.world-region-pin{opacity:1;pointer-events:auto} }

/* Customer Support – original backup design. */
.support-wrapper { display:flex; background:linear-gradient(135deg,rgba(26,26,26,.4),rgba(18,18,18,.7)); border:1px solid rgba(255,255,255,.06); border-radius:24px; overflow:hidden; margin:40px 0; }
.support-left { flex:1.2; padding:60px; display:flex; flex-direction:column; justify-content:center; z-index:2; }
.support-badge { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:700; color:#00ff88; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:20px; }
.support-badge .dot { width:6px; height:6px; background:#00ff88; border-radius:50%; animation:pulse-green 2s infinite; }
@keyframes pulse-green { 0%{box-shadow:0 0 0 0 rgba(0,255,136,.6)} 70%{box-shadow:0 0 0 10px rgba(0,255,136,0)} 100%{box-shadow:0 0 0 0 rgba(0,255,136,0)} }
.support-left h2 { font-size:42px; color:#fff; font-weight:800; margin:0 0 20px; letter-spacing:-1px; }
.support-left p { color:rgba(255,255,255,.6); font-size:16px; line-height:1.75; margin:0 0 40px; }
.support-buttons { display:flex; gap:15px; margin-bottom:30px; }
.support-buttons .btn { flex:1; justify-content:space-between; padding:18px 24px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.1); }
.support-buttons .btn:hover { background:rgba(255,40,80,.1); border-color:#ff2850; }
.support-contacts { display:flex; gap:15px; }
.contact-pill { display:flex; align-items:center; gap:14px; background:rgba(0,0,0,.2); border:1px solid rgba(255,255,255,.05); padding:14px 20px; border-radius:12px; font-size:13px; color:rgba(255,255,255,.5); transition:.3s; flex:1; }
.contact-pill i { font-size:18px; color:#fff; opacity:.4; transition:.3s; }
.contact-pill:hover { border-color:#ff2850; color:#fff; background:rgba(255,40,80,.02); }
.contact-pill:hover i { color:#ff2850; opacity:1; }
.contact-pill div { display:flex; flex-direction:column; gap:2px; }
.contact-pill strong { color:#fff; font-weight:600; }
.support-right { flex:1.2; position:relative; background:radial-gradient(circle at center,rgba(255,40,80,.08),transparent 70%); border-left:1px solid rgba(255,255,255,.05); display:flex; align-items:center; justify-content:center; min-height:500px; overflow:hidden; }
.support-image-container { width:280px; z-index:5; display:flex; justify-content:center; align-items:center; animation:float-simple 4s infinite ease-in-out alternate; }
.support-image-container img { width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 15px 35px rgba(255,40,80,.2)); }
@keyframes float-simple { 0%{transform:translateY(0)} 100%{transform:translateY(-20px)} }
.lang-pills-container { position:absolute; width:100%; height:100%; inset:0; pointer-events:none; }
.lp-item { position:absolute; background:rgba(18,18,18,.6); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.1); padding:8px 16px; border-radius:30px; font-size:13px; font-weight:600; color:#fff; display:flex; align-items:center; gap:8px; box-shadow:0 10px 20px rgba(0,0,0,.5); pointer-events:auto; transition:.3s; }
.lp-item:hover { border-color:#ff2850; background:rgba(255,40,80,.15); z-index:10; }
.flag-icon { width:18px; height:auto; border-radius:2px; object-fit:cover; display:inline-block; }
.lp-1 { top:10%; left:5%; animation:float-gentle 5s infinite alternate 0s; }.lp-2{top:15%;right:5%;animation:float-gentle 6s infinite alternate -2s}.lp-3{top:50%;left:2%;animation:float-gentle 4s infinite alternate -1s}.lp-4{bottom:15%;right:5%;animation:float-gentle 5.5s infinite alternate -3s}.lp-5{bottom:10%;left:15%;animation:float-gentle 4.5s infinite alternate -1.5s}
@keyframes float-gentle { 0%{transform:translateY(0) rotate(0)} 100%{transform:translateY(-15px) rotate(2deg)} }

/* Media Creator – original affiliate/media layout from backup. */
.affiliate-section { position:relative; overflow:hidden; padding:90px 0; }
.affiliate-section::before { content:""; position:absolute; width:620px; height:620px; right:-210px; top:4%; border-radius:50%; background:rgba(255,40,80,.12); filter:blur(130px); pointer-events:none; }
.affiliate-shell { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); gap:clamp(30px,5vw,64px); align-items:center; padding:clamp(30px,4vw,52px); border:1px solid rgba(255,255,255,.09); border-radius:34px; overflow:hidden; background:radial-gradient(circle at 8% 8%,rgba(255,40,80,.13),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); box-shadow:0 35px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08); isolation:isolate; }
.affiliate-shell::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.4; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,#000,transparent 68%); }
.affiliate-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; color:#ff4769; font-size:12px; font-weight:800; letter-spacing:2.2px; text-transform:uppercase; }
.affiliate-eyebrow::before { content:""; width:24px; height:2px; background:#ff2850; box-shadow:0 0 13px #ff2850; }
.affiliate-copy h2 { max-width:690px; margin:0 0 22px; color:#fff; font-size:clamp(40px,4.7vw,61px); line-height:1; letter-spacing:-2.8px; font-weight:800; }
.affiliate-copy h2 span { color:#ff2850; }
.affiliate-lead { max-width:650px; margin:0 0 19px; color:rgba(255,255,255,.67); line-height:1.7; font-size:16px; }
.affiliate-rate { display:flex; align-items:center; gap:20px; margin:0 0 7px; padding:12px 0; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.affiliate-rate strong { color:#fff; font-size:clamp(42px,4.2vw,56px); line-height:1; letter-spacing:-3px; }
.affiliate-rate span { max-width:150px; color:rgba(255,255,255,.68); font-size:12px; line-height:1.35; text-transform:uppercase; letter-spacing:1.1px; }
.affiliate-microcopy { margin-bottom:20px; color:rgba(255,255,255,.5); font-size:12px; letter-spacing:.25px; }
.affiliate-benefits { display:grid; gap:14px; margin-bottom:22px; }
.affiliate-benefit { display:grid; grid-template-columns:40px 1fr; gap:14px; align-items:start; }
.affiliate-benefit-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:#ff5272; background:rgba(255,40,80,.1); border:1px solid rgba(255,40,80,.22); }
.affiliate-benefit h3 { margin:0 0 4px; color:#f8f8fb; font-size:15px; font-weight:700; }
.affiliate-benefit p { margin:0; color:rgba(255,255,255,.55); font-size:13.5px; line-height:1.6; }
.affiliate-platform-label { display:block; margin-bottom:11px; color:rgba(255,255,255,.42); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.4px; }
.affiliate-platforms { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:22px; }
.affiliate-platform { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.035); color:rgba(255,255,255,.74); font-size:12px; font-weight:600; }
.affiliate-platform i { color:#ff4969; }
.affiliate-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.affiliate-learn { color:rgba(255,255,255,.65); font-size:14px; font-weight:700; text-decoration:none; }
.affiliate-learn:hover { color:#fff; }
.affiliate-calculator-wrap { position:relative; min-width:0; }
.affiliate-float { position:absolute; z-index:4; display:flex; align-items:center; gap:9px; padding:11px 14px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(13,15,21,.88); color:rgba(255,255,255,.72); box-shadow:0 15px 35px rgba(0,0,0,.28); backdrop-filter:blur(14px); font-size:11px; font-weight:700; }
.affiliate-float i { color:#58dd92; }.affiliate-float.earned{top:-20px;left:-30px;transform:rotate(-3deg)}.affiliate-float.referrals{top:-20px;right:-10px;transform:rotate(3deg)}
.affiliate-calculator { position:relative; padding:clamp(23px,2.8vw,31px); border:1px solid rgba(255,255,255,.1); border-radius:26px; background:linear-gradient(160deg,rgba(18,21,29,.97),rgba(8,10,15,.96)); box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07); }
.affiliate-calculator::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:radial-gradient(circle at 100% 0,rgba(255,40,80,.13),transparent 42%); }
.affiliate-calculator>* { position:relative; z-index:1; }
.affiliate-calc-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:23px; }.affiliate-calc-head h3{margin:0;color:#fff;font-size:19px}.affiliate-calc-head span{padding:6px 9px;border-radius:99px;color:#ff5877;background:rgba(255,40,80,.09);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.affiliate-slider-label { display:flex; justify-content:space-between; gap:14px; margin-bottom:13px; color:rgba(255,255,255,.5); font-size:13px; }.affiliate-slider-label output{color:#fff;font-weight:800}
.affiliate-range { --affiliate-progress:9.55%; width:100%; height:6px; margin:0 0 24px; appearance:none; border-radius:99px; outline:none; background:linear-gradient(90deg,#ff2850 var(--affiliate-progress),rgba(255,255,255,.09) var(--affiliate-progress)); }.affiliate-range::-webkit-slider-thumb{width:20px;height:20px;appearance:none;border:4px solid #090b10;border-radius:50%;background:#ff385c;box-shadow:0 0 0 2px rgba(255,56,92,.4),0 0 22px rgba(255,40,80,.5);cursor:pointer}.affiliate-range::-moz-range-thumb{width:13px;height:13px;border:4px solid #090b10;border-radius:50%;background:#ff385c;box-shadow:0 0 0 2px rgba(255,56,92,.4);cursor:pointer}
.affiliate-main-earning { margin-bottom:18px; padding:19px; border:1px solid rgba(255,255,255,.07); border-radius:19px; background:rgba(255,255,255,.025); }.affiliate-main-earning span{color:rgba(255,255,255,.45);font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.affiliate-main-earning strong{display:block;margin:7px 0 4px;color:#fff;font-size:clamp(40px,5vw,56px);line-height:1;letter-spacing:-2.7px}.affiliate-main-earning small{color:rgba(255,255,255,.46);font-size:11px}
.affiliate-breakdown { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:20px; }.affiliate-breakdown-item{padding:13px 8px;text-align:center;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.affiliate-breakdown-item strong{display:block;color:#fff;font-size:15px}.affiliate-breakdown-item span{color:rgba(255,255,255,.42);font-size:9px;text-transform:uppercase;letter-spacing:.8px}
.affiliate-live { display:flex; align-items:center; gap:13px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }.affiliate-avatars{display:flex;padding-left:8px}.affiliate-avatar{width:31px;height:31px;margin-left:-8px;display:grid;place-items:center;border:2px solid #11141b;border-radius:50%;background:linear-gradient(145deg,#ff4265,#6b1d33);color:#fff;font-size:8px;font-weight:800}.affiliate-avatar:nth-child(2){background:linear-gradient(145deg,#7968ff,#342a7c)}.affiliate-avatar:nth-child(3){background:linear-gradient(145deg,#36bca0,#175c50)}.affiliate-avatar:nth-child(4){background:linear-gradient(145deg,#e4a64e,#6d4715)}.affiliate-live p{margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:1.45}.affiliate-live p strong{color:#fff}

/* Readability bump for the retained universal/catalog/reviews sections. */
.home-nav-links a,.home-link { font-size:13px !important; }
.catalog-card-description,.universal-main>p,.universal-side p,.step-card p,.review-card-home blockquote,.faq-answer p { font-size:15px; line-height:1.7; }
.catalog-features span,.catalog-plan-chips span { font-size:13px; }

@media(max-width:1100px) and (min-width:901px) { .worldwide-container{grid-template-columns:minmax(260px,.9fr) minmax(420px,1.1fr);gap:28px;padding:48px 28px}.ww-map-area{min-height:390px} }
@media(max-width:1050px) { .affiliate-shell{grid-template-columns:1fr}.affiliate-copy{max-width:760px}.affiliate-calculator-wrap{width:min(100%,650px);margin:10px auto 0} }
@media(max-width:992px) { .hero-split-layout{grid-template-columns:1fr;text-align:center}.hero-text-content{margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-visual-layer-side{width:110%;right:-5%;opacity:.16;top:62%;pointer-events:none}.hero-main-title{font-size:clamp(3rem,10vw,4.5rem)}.hero-buttons{justify-content:center;width:100%}.hero-status-under{align-items:center}.hero-description{text-align:center}.legacy-menu-tabs{display:none} }
@media(max-width:900px) { .worldwide-container{grid-template-columns:1fr;gap:24px;padding:40px 26px}.ww-text{max-width:650px}.ww-map-area{min-height:390px}.support-wrapper{flex-direction:column}.support-left{padding:42px 30px}.support-right{border-left:0;border-top:1px solid rgba(255,255,255,.05);min-height:450px;padding:40px 0}.support-contacts{flex-direction:column} }
@media(max-width:760px) { .container{width:min(100% - 28px,1180px)}.section{padding:68px 0}.hero.section-complex{min-height:760px;padding:120px 0 80px}.hero-main-title{font-size:clamp(2.75rem,13vw,3.8rem);letter-spacing:-2px}.hero-description{font-size:1.05rem;line-height:1.68}.hero-buttons .btn{width:100%}.windows-support-minimal{align-items:flex-start;text-align:left}.worldwide-container{padding:32px 20px;border-radius:24px}.ww-text h2{font-size:clamp(36px,11vw,48px)}.ww-stats-row{display:grid;grid-template-columns:1fr 1fr}.ww-stat{min-width:0}.ww-map-area{min-height:350px}.world-globe-card{border-radius:24px}#worldwide-cobe-globe{touch-action:pan-y}.support-left{padding:34px 22px}.support-left h2{font-size:36px}.support-buttons .btn{width:100%}.support-right{min-height:390px}.support-image-container{width:235px}.affiliate-section{padding:62px 0}.affiliate-shell{padding:28px 20px;border-radius:24px}.affiliate-copy h2{font-size:clamp(38px,13vw,54px);letter-spacing:-2.4px}.affiliate-float{position:static;display:inline-flex;margin:0 7px 13px 0;transform:none!important}.affiliate-breakdown{grid-template-columns:1fr}.affiliate-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;text-align:left}.affiliate-rate{align-items:flex-end}.affiliate-actions .btn{width:100%}.affiliate-learn{width:100%;text-align:center} }
@media(prefers-reduced-motion:reduce) { .home-nav.is-scrolled,.menu-slide.is-active,.floating-blob,.glass-overlay-shimmer,.support-image-container,.lp-item{animation:none!important} }