/* Página de ventas REMIX593 Playlist Rekordbox */
:root{--rb-gold:#f2c035;--rb-ink:#090a0d;--rb-border:rgba(242,192,53,.19)}
.rb-sales{overflow:hidden;background:#090a0d}
.rb-sales section{scroll-margin-top:105px}
.rb-sales .rb-small{font-size:12px;color:#a6a7aa}
.rb-sales .rb-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:var(--rb-gold);letter-spacing:.19em;text-transform:uppercase;font-size:11px}
.rb-sales .rb-kicker:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:var(--rb-gold);box-shadow:0 0 17px #f2c03570}
.rb-sales .rb-heading{font:700 clamp(32px,4.7vw,58px)/1.06 var(--display);letter-spacing:-.06em;margin:16px 0 20px}
.rb-sales .rb-heading em{font-style:normal;color:var(--rb-gold)}
.rb-sales .rb-intro{color:#bdbec1;font-size:16px;line-height:1.83;max-width:650px}
.rb-sales .rb-hero{position:relative;padding:79px 0 85px;background:radial-gradient(ellipse at 83% 44%,rgba(242,192,53,.12),transparent 52%),linear-gradient(135deg,#101113,#090a0d 64%);border-bottom:1px solid #252525}
.rb-sales .rb-hero:after{position:absolute;content:'';pointer-events:none;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 60%);opacity:.75}
.rb-sales .rb-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.93fr 1.08fr;align-items:center;gap:45px}
.rb-sales .rb-eyebrow-trail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:26px;color:#929395;font-size:11px}
.rb-sales .rb-eyebrow-trail a:hover{color:var(--rb-gold)}
.rb-sales .rb-hero h1{font:700 clamp(42px,4.8vw,72px)/1.03 var(--display);letter-spacing:-.07em;margin:17px 0 23px}
.rb-sales .rb-hero h1 em{color:var(--rb-gold);font-style:normal}
.rb-sales .rb-hero .rb-lead{color:#c8c8ca;line-height:1.8;font-size:16px;max-width:540px;margin:0 0 28px}
.rb-sales .rb-proof{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.rb-sales .rb-proof span{display:inline-flex;align-items:center;border:1px solid #3b3525;border-radius:30px;background:#161715;padding:6px 12px;color:#dfd4b8;font-size:11px;font-weight:750}
.rb-sales .rb-proof .version{border-color:#26543e;background:#122319;color:#a2edbf}
.rb-sales .rb-subcta{margin:13px 0 0;font-size:11px;color:#98999a}
.rb-sales .rb-subcta a{color:var(--rb-gold);text-decoration:underline;text-underline-offset:3px}
.rb-sales .rb-preview{min-width:0;position:relative}
.rb-sales .rb-preview:before{content:'';position:absolute;inset:8% -4%;filter:blur(65px);border-radius:50%;background:#7c5a222e;pointer-events:none}
.rb-sales .rb-window{position:relative;max-width:100%;border:1px solid #675126;border-radius:12px;background:#111215;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 1px #f2c0354d;}
.rb-sales .rb-window-header{padding:11px 15px;background:#202125;border-bottom:1px solid #38342c;display:flex;align-items:center;justify-content:space-between;gap:8px}
.rb-sales .rb-dots{display:flex;gap:6px}.rb-sales .rb-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#f66e5d}.rb-sales .rb-dots i:nth-child(2){background:#ffcc47}.rb-sales .rb-dots i:nth-child(3){background:#48ca71}
.rb-sales .rb-window-header small{color:#b7b7b7;font-size:10px;font-weight:700;letter-spacing:.04em}
.rb-sales .rb-window img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:auto;transform:none;border:0}
.rb-sales .rb-window-caption{font-size:11px;color:#a9a5a0;margin:14px 2px 0;line-height:1.6}
.rb-sales .rb-highlight{padding:0;border-bottom:1px solid #262728;background:#111213}
.rb-sales .rb-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.rb-sales .rb-highlight-grid div{padding:23px 23px;border-right:1px solid #303030}
.rb-sales .rb-highlight-grid div:last-child{border-right:0}
.rb-sales .rb-highlight-grid strong{color:#eeeae2;font-size:15px;display:block;margin-bottom:5px}
.rb-sales .rb-highlight-grid span{font-size:12px;color:#969796;line-height:1.55}
.rb-sales .rb-highlight-grid b{color:var(--rb-gold);margin-right:8px}
.rb-sales .rb-section{padding:95px 0}
.rb-sales .rb-centered{text-align:center;max-width:710px;margin:0 auto 45px}
.rb-sales .rb-centered .rb-intro{margin:0 auto}
.rb-sales .rb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.rb-sales .rb-feature{padding:26px;border:1px solid #39352b;border-radius:13px;background:linear-gradient(155deg,#18191b,#111214);min-height:228px}
.rb-sales .rb-num{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:36px;border-radius:10px;background:#2b2619;color:var(--rb-gold);font-size:13px;font-weight:900;margin-bottom:24px}
.rb-sales .rb-feature h3{font:700 20px/1.15 var(--display);margin:0 0 10px;letter-spacing:-.03em}
.rb-sales .rb-feature p{font-size:13px;line-height:1.8;margin:0;color:#b4b5b7}
.rb-sales .rb-demo{padding:92px 0;background:radial-gradient(ellipse at 48% 80%,#4c39171f,transparent 60%),#111214;border-block:1px solid #2b2924}
.rb-sales .rb-demo-top{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:25px}
.rb-sales .rb-demo-top p{color:#bebdbc;line-height:1.8;max-width:480px}
.rb-sales .rb-fullshot{margin:0;background:#171819;border:1px solid #594620;border-radius:14px;overflow:hidden;padding:16px}
.rb-sales .rb-fullshot img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto;transform:none;border-radius:7px}
.rb-sales .rb-fullshot figcaption{font-size:12px;color:#9d9890;padding:13px 3px 4px;text-align:center}
.rb-sales .rb-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}
.rb-sales .rb-step{border-top:2px solid #71571e;background:#141517;border-radius:0 0 11px 11px;padding:26px}
.rb-sales .rb-step label{font:800 12px var(--display);color:var(--rb-gold);letter-spacing:.15em}
.rb-sales .rb-step h3{font:700 22px var(--display);letter-spacing:-.04em;margin:15px 0 9px}
.rb-sales .rb-step p{font-size:13px;line-height:1.8;color:#b0b0b3;margin:0}
.rb-sales .rb-why{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.rb-sales .rb-bulletlist{padding:0;list-style:none;margin:25px 0 0}
.rb-sales .rb-bulletlist li{display:flex;gap:12px;color:#bfc0c2;line-height:1.68;font-size:14px;border-bottom:1px solid #2b2c2d;padding:15px 0}
.rb-sales .rb-bulletlist li:before{content:'✓';color:var(--rb-gold);font-weight:900}
.rb-sales .rb-info{background:linear-gradient(135deg,#29220f,#19191a 52%,#111214);border:1px solid #695121;border-radius:14px;padding:34px}
.rb-sales .rb-info h3{font:700 26px var(--display);letter-spacing:-.04em;margin:5px 0 12px}
.rb-sales .rb-info p{font-size:14px;color:#bebbb2;line-height:1.75}
.rb-sales .rb-inline-video{display:flex;align-items:center;gap:17px;border:1px solid #444039;background:#1c1c1d;border-radius:11px;padding:13px;margin-top:26px}
.rb-sales .rb-inline-video img{width:132px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px;flex-shrink:0}
.rb-sales .rb-inline-video span{font-size:13px;color:#e2dfd9;font-weight:700}
.rb-sales .rb-inline-video small{display:block;color:#9c9994;font-size:10px;font-weight:400;margin-top:6px}
.rb-sales .rb-faq{background:#111214;border-block:1px solid #2a2926}
.rb-sales .rb-faq-inner{max-width:900px;margin:auto}
.rb-sales details{border-bottom:1px solid #383532;padding:18px 0}
.rb-sales summary{font-size:15px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center}
.rb-sales summary::-webkit-details-marker{display:none}
.rb-sales summary:after{content:'+';font:700 25px var(--display);color:var(--rb-gold)}
.rb-sales details[open] summary:after{content:'−'}
.rb-sales details p{color:#b3b2b0;font-size:14px;line-height:1.83;max-width:780px}
.rb-sales .rb-final{padding:88px 0;background:radial-gradient(ellipse at 50% 20%,rgba(240,190,53,.19),transparent 60%),#0a0b0d;text-align:center}
.rb-sales .rb-final h2{font:700 clamp(34px,5vw,62px)/1.07 var(--display);letter-spacing:-.055em;margin:14px auto 17px;max-width:790px}
.rb-sales .rb-final h2 em{font-style:normal;color:var(--rb-gold)}
.rb-sales .rb-final p{color:#bfbfbe;max-width:600px;margin:0 auto 26px}
.rb-sales .rb-actionrow{display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap}
.rb-sales .rb-legal{max-width:720px;font-size:12px;color:#96938a;line-height:1.7;margin:19px auto 0}
.rb-sales .rb-cta-disabled{display:none}
@media(max-width:1050px){.rb-sales .rb-hero-grid{gap:24px}.rb-sales .rb-hero h1{font-size:clamp(38px,5.3vw,60px)}.rb-sales .rb-highlight-grid div{padding:18px 15px}}
@media(max-width:820px){.rb-sales .rb-hero-grid,.rb-sales .rb-demo-top,.rb-sales .rb-why{grid-template-columns:1fr}.rb-sales .rb-hero{padding:52px 0 60px}.rb-sales .rb-preview{max-width:750px;margin:auto}.rb-sales .rb-highlight-grid{grid-template-columns:1fr 1fr}.rb-sales .rb-highlight-grid div:nth-child(2){border-right:0}.rb-sales .rb-highlight-grid div:nth-child(-n+2){border-bottom:1px solid #303030}.rb-sales .rb-cards{grid-template-columns:repeat(2,1fr)}.rb-sales .rb-how-grid{grid-template-columns:1fr}.rb-sales .rb-why{gap:24px}.rb-sales .rb-section,.rb-sales .rb-demo{padding:65px 0}}
@media(max-width:560px){.rb-sales .rb-hero h1{font-size:44px}.rb-sales .rb-hero .rb-lead{font-size:14px}.rb-sales .rb-eyebrow-trail{margin-bottom:16px}.rb-sales .rb-hero{padding:35px 0 49px}.rb-sales .rb-preview{margin:5px 0}.rb-sales .rb-window-header{padding:8px 10px}.rb-sales .rb-window-header small{font-size:8px}.rb-sales .rb-proof span{font-size:10px}.rb-sales .rb-highlight-grid strong{font-size:13px}.rb-sales .rb-highlight-grid span{font-size:11px}.rb-sales .rb-highlight-grid div{padding:17px 10px}.rb-sales .rb-cards{grid-template-columns:1fr}.rb-sales .rb-feature{min-height:auto;padding:22px}.rb-sales .rb-centered{text-align:left}.rb-sales .rb-fullshot{padding:6px}.rb-sales .rb-fullshot figcaption{font-size:10px}.rb-sales .rb-inline-video img{width:106px}.rb-sales .rb-info{padding:24px}.rb-sales .rb-actionrow .button{width:100%}.rb-sales .rb-final{padding:68px 0}}